const accountId = props.accountId ?? context.accountId; if (!accountId) { return "Please connect your NEAR account :)"; } const events = props.events ?? Social.get(`${accountId}/community/*`); if (!events) { return "Loading..."; } const AllWidgets = styled.div` display: flex; flex-wrap: wrap; align-items: flex-start; & > * { margin: 6px; } `; let allEvents = events.map((eventId) => { return <Widget src={`hack.near/widget/event.view`} props={{ eventId }} />; }); if (events.length == 0) { allEvents = ( <div> <div>You have not created any events.</div> <a className="btn" href="#/hack.near/widget/event.create"> Create </a> </div> ); } return ( <div> <AllWidgets>{allEvents}</AllWidgets> </div> );