Transaction: HLT4evD...sSco

{ "data": { "hack.near": { "widget": { "DAO.Page": { "": "State.init({\n selectedTab: props.tab || \"discussion\",\n});\n\nconst accountId = props.accountId ?? context.accountId;\nconst daoId = props.daoId ?? \"multi.sputnik-dao.near\";\n\nconst page = accountId\n ? Social.get(`${accountId}/settings/dao/page`)\n : undefined;\n\nif (page === null) {\n return \"Loading...\";\n}\n\nconst feed = accountId\n ? Social.get(`${accountId}/settings/dao/feed`)\n : undefined;\n\nif (feed === null) {\n return \"Loading...\";\n}\n\nif (props.tab && props.tab !== state.selectedTab) {\n State.update({\n selectedTab: props.tab,\n });\n}\n\nconst profile = props.profile ?? Social.getr(`${daoId}/profile`);\nconst accountUrl = `#/hack.near/widget/DAO.Page?daoId=${daoId}`;\n\nconst Wrapper = styled.div`\n padding-bottom: 48px;\n`;\n\nconst Main = styled.div`\n display: grid;\n gap: 40px;\n grid-template-columns: 352px minmax(0, 1fr);\n align-items: start;\n\n @media (max-width: 1200px) {\n grid-template-columns: minmax(0, 1fr);\n }\n`;\n\nconst BackgroundImage = styled.div`\n height: 240px;\n border-radius: 20px 20px 0 0;\n overflow: hidden;\n margin: 0 -12px;\n background: #eceef0;\n\n img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n }\n\n @media (max-width: 1200px) {\n margin: calc(var(--body-top-padding) * -1) -12px 0;\n border-radius: 0;\n }\n\n @media (max-width: 900px) {\n height: 100px;\n }\n`;\n\nconst SidebarWrapper = styled.div`\n position: relative;\n z-index: 5;\n margin-top: -55px;\n\n @media (max-width: 900px) {\n margin-top: -40px;\n }\n`;\n\nconst Content = styled.div`\n .post {\n padding-left: 0;\n padding-right: 0;\n }\n`;\n\nconst Title = styled.h1`\n font-weight: 600;\n font-size: ${(p) => p.size || \"25px\"};\n line-height: 1.2em;\n color: #11181c;\n margin: ${(p) => (p.margin ? \"0 0 24px\" : \"0\")};\n overflow-wrap: anywhere;\n`;\n\nconst Tabs = styled.div`\n display: flex;\n height: 48px;\n border-bottom: 1px solid #eceef0;\n margin-bottom: 72px;\n overflow: auto;\n scroll-behavior: smooth;\n\n @media (max-width: 1200px) {\n background: #f8f9fa;\n border-top: 1px solid #eceef0;\n margin: 0 -12px 48px;\n\n > * {\n flex: 1;\n }\n }\n`;\n\nconst TabsButton = styled.a`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n font-weight: 600;\n font-size: 12px;\n padding: 0 12px;\n position: relative;\n color: ${(p) => (p.selected ? \"#11181C\" : \"#687076\")};\n background: none;\n border: none;\n outline: none;\n text-align: center;\n text-decoration: none !important;\n\n &:hover {\n color: #11181c;\n }\n\n &::after {\n content: \"\";\n display: ${(p) => (p.selected ? \"block\" : \"none\")};\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: #59e692;\n }\n`;\n\nconst Bio = styled.div`\n color: #11181c;\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 48px;\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n @media (max-width: 900px) {\n margin-bottom: 48px;\n }\n`;\n\nif (profile === null) {\n return \"Loading...\";\n}\n\nreturn (\n <Wrapper>\n <BackgroundImage>\n {profile.backgroundImage && (\n <Widget\n src=\"mob.near/widget/Image\"\n props={{\n image: profile.backgroundImage,\n alt: \"profile background image\",\n fallbackUrl:\n \"https://ipfs.near.social/ipfs/bafkreibiyqabm3kl24gcb2oegb7pmwdi6wwrpui62iwb44l7uomnn3lhbi\",\n }}\n />\n )}\n </BackgroundImage>\n\n <Main>\n <SidebarWrapper>\n <Widget\n src=\"hack.near/widget/DAO.Page.Sidebar\"\n props={{\n daoId,\n profile,\n }}\n />\n </SidebarWrapper>\n\n <Content>\n <Tabs>\n <TabsButton\n href={`${accountUrl}&tab=discussion`}\n selected={state.selectedTab === \"discussion\"}\n >\n Discussion\n </TabsButton>\n\n <TabsButton\n href={`${accountUrl}&tab=proposals`}\n selected={state.selectedTab === \"proposals\"}\n >\n Proposals\n </TabsButton>\n\n <TabsButton\n href={`${accountUrl}&tab=members`}\n selected={state.selectedTab === \"members\"}\n >\n Members\n </TabsButton>\n\n <TabsButton\n href={`${accountUrl}&tab=followers`}\n selected={state.selectedTab === \"followers\"}\n >\n Followers\n </TabsButton>\n\n <TabsButton\n href={`${accountUrl}&tab=following`}\n selected={state.selectedTab === \"following\"}\n >\n Following\n </TabsButton>\n <TabsButton\n href={`${accountUrl}&tab=explorer`}\n selected={state.selectedTab === \"explorer\"}\n >\n Explorer\n </TabsButton>\n </Tabs>\n\n {state.selectedTab === \"discussion\" && (\n <>\n <h3>Curated Posts</h3>\n <a\n className=\"btn btn-outline-secondary m-2\"\n href=\"/#/hack.near/widget/DAO.Feed.Editor\"\n >\n <b>Update Feed</b>\n </a>\n <hr />\n <Widget\n src={feed ?? \"hack.near/widget/DAO.Social\"}\n props={{ daoId }}\n />\n </>\n )}\n\n {state.selectedTab === \"proposals\" && (\n <Widget src=\"hack.near/widget/proposals\" props={{ daoId }} />\n )}\n\n {state.selectedTab === \"followers\" && (\n <Widget\n src=\"near/widget/FollowersList\"\n props={{ accountId: daoId }}\n />\n )}\n\n {state.selectedTab === \"following\" && (\n <Widget\n src=\"near/widget/FollowingList\"\n props={{ accountId: daoId }}\n />\n )}\n\n {state.selectedTab === \"explorer\" && (\n <Widget\n src=\"near/widget/Explorer.Account\"\n props={{\n accountId: daoId,\n network: context.networkId,\n language: \"en\",\n baseUrl: props.baseUrl,\n }}\n />\n )}\n </Content>\n </Main>\n </Wrapper>\n);\n" } } } } }