Transaction: GjjrXUY...rP4p

{ "data": { "earnestetim.near": { "widget": { "ProfilePage-IAH": { "": "State.init({\n selectedTab: props.tab || \"overview\",\n});\n\nconst accountId = props.accountId ?? context.accountId;\nif (!accountId) {\n return \"No account ID\";\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(`${accountId}/profile`);\nconst accountUrl = `#/mintlu.near/widget/ProfilePage-IAH?accountId=${accountId}`;\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=\"mintlu.near/widget/ProfilePage.Sidebar-IAH\"\n props={{\n accountId,\n profile,\n }}\n />\n </SidebarWrapper>\n\n <Content>\n <Tabs>\n <TabsButton\n href={`${accountUrl}&tab=overview`}\n selected={state.selectedTab === \"overview\"}\n >\n Overview\n </TabsButton>\n\n <TabsButton\n href={`${accountUrl}&tab=apps`}\n selected={state.selectedTab === \"apps\"}\n >\n Components\n </TabsButton>\n\n <TabsButton\n href={`${accountUrl}&tab=nfts`}\n selected={state.selectedTab === \"nfts\"}\n >\n NFTs\n </TabsButton>\n\n <TabsButton\n href={`${accountUrl}&tab=following`}\n selected={state.selectedTab === \"following\"}\n >\n Following\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=explorer`}\n selected={state.selectedTab === \"explorer\"}\n >\n Explorer\n </TabsButton>\n </Tabs>\n\n {state.selectedTab === \"overview\" && (\n <>\n {profile.description && (\n <>\n <Title as=\"h2\" size=\"19px\" margin>\n About\n </Title>\n\n <Bio>\n <Widget\n src=\"near/widget/SocialMarkdown\"\n props={{ text: profile.description }}\n />\n </Bio>\n </>\n )}\n\n <Widget\n src=\"near/widget/Posts.Feed\"\n props={{ accounts: [accountId] }}\n />\n </>\n )}\n\n {state.selectedTab === \"nfts\" && (\n <Widget src=\"near/widget/NFTCollection\" props={{ accountId }} />\n )}\n\n {state.selectedTab === \"apps\" && (\n <Widget src=\"near/widget/ComponentCollection\" props={{ accountId }} />\n )}\n\n {state.selectedTab === \"followers\" && (\n <Widget src=\"near/widget/FollowersList\" props={{ accountId }} />\n )}\n\n {state.selectedTab === \"following\" && (\n <Widget src=\"near/widget/FollowingList\" props={{ accountId }} />\n )}\n\n {state.selectedTab === \"explorer\" && (\n <Widget\n src=\"near/widget/Explorer.Account\"\n props={{\n accountId,\n network: context.networkId,\n language: \"en\",\n baseUrl: props.baseUrl,\n }}\n />\n )}\n </Content>\n </Main>\n </Wrapper>\n);\n" } } } } }