Transaction: Dar1AUm...uRvt

{ "data": { "idknwhoru.near": { "component_alpha": { "Profile": { "": "import { socialDb } from \"@bos-web-engine/social-db-plugin\";\nimport { useState, useEffect, Suspense } from \"react\";\nimport ps from \"./styles.module.css\"\n\nconst UserProfile = ({ profile }) => {\n return <article className={ps.profile}>\n <img className={ps.avatar} src={`https://ipfs.near.social/ipfs/${profile?.image.ipfs_cid}`} />\n <div>\n <h3 className={ps.h2}>Hello, {profile?.name}</h3>\n </div>\n </article>\n}\n\nexport default function Profile({ id = \"idknwhoru.near\" }) {\n console.log({ id })\n const [data, setData] = useState(null);\n const profile = data?.[id]?.profile;\n\n const loadData = async () => {\n const res = await socialDb.get({\n key: `${id}/profile/**`\n });\n\n setData(res);\n }\n\n useEffect(() => {\n loadData();\n }, []);\n\n return (\n <section>\n <>\n <h2 className={ps.h2}>Ternary operator</h2>\n {\n !profile ? <p>pending...</p> : <UserProfile profile={profile} />\n }\n </>\n <hr />\n <Suspense fallback={<p>pending...</p>}>\n <h2 className={ps.h2}>Suspense</h2>\n <UserProfile profile={profile} />\n </Suspense>\n <hr />\n <>\n <h2 className={ps.h2}>None</h2>\n <UserProfile profile={profile} />\n </>\n </section>\n );\n}\n\nexport default Profile as BWEComponent;" } } } } }