const widgets = [ { src: "mob.near/widget/Welcome.GetInvolved", }, { src: "mob.near/widget/Welcome.Notifications", requiresLogin: true, }, { src: "mob.near/widget/Applications", }, { src: "mob.near/widget/People", }, { src: "mob.near/widget/Welcome.FollowFeed", }, { src: "mob.near/widget/Welcome.PokeFeed", }, ]; return ( <> {widgets.map( ({ src, requiresLogin }, i) => (!requiresLogin || context.accountId) && ( <div key={i} className="text-bg-light rounded-4 p-3 mb-3"> <Widget src={src} /> </div> ) )} </> );