const accountId = props.accountId ?? context.accountId; if (!accountId) { return "Please sign in with NEAR wallet to view your widgets"; } let data = Social.keys(`${accountId}/widget/*`, "final"); if (!data) { return "Loading"; } data = data[accountId].widget; const names = Object.keys(data || {}); const widgets = []; for (let j = 0; j < names.length; ++j) { const src = `${accountId}/widget/${names[j]}`; widgets.push( <div> <li> <a href={`#/${src}`}>{names[j] || <i>Noname widget</i>}</a> </li> </div> ); } return ( <div className="col"> <div className="card h-100"> <div className="card-header"> <Widget src="mob.near/widget/Profile" props={{ accountId }} /> </div> <div className="card-body"> {widgets.length ? widgets : "No widgets yet"} </div> </div> </div> );