Transaction: DYXfbcc...wD6V

{ "data": { "vfdao.near": { "widget": { "Profilecard": { "": "let { emitGatewayEvent } = props;\r\n\r\nconst daoId = \"vegan-friends.sputnik-dao.near\";\r\nconst accountId = props.accountId ?? context.accountId;\r\nconst page = accountId\r\n ? Social.get(`${accountId}/settings/dao/page`)\r\n : undefined;\r\n\r\nif (page === null) {\r\n return \"Loading...\";\r\n}\r\nif (!accountId) {\r\n return \"No account ID\";\r\n}\r\n\r\nState.init({\r\n selectedTab: props.tab || \"apps\",\r\n});\r\n\r\nif (props.tab && props.tab !== state.selectedTab) {\r\n State.update({\r\n selectedTab: props.tab,\r\n });\r\n}\r\n\r\nconst profile = props.profile ?? Social.getr(`${accountId}/profile`);\r\nconst accountUrl = `/vfdao.near/widget/ProfilePage?accountId=${accountId}`;\r\n\r\nconst starredComponentsData = Social.keys(\r\n `${accountId}/graph/star/*/widget/*`,\r\n \"final\",\r\n {\r\n return_type: \"BlockHeight\",\r\n }\r\n);\r\nlet starredComponents = null;\r\nif (starredComponentsData) {\r\n starredComponents = [];\r\n const starredData = starredComponentsData[accountId]?.graph?.star ?? {};\r\n Object.keys(starredData).forEach((authorAccountId) => {\r\n Object.keys(starredData[authorAccountId].widget).forEach(\r\n (componentName) => {\r\n starredComponents.push({\r\n accountId: authorAccountId,\r\n componentName,\r\n });\r\n }\r\n );\r\n });\r\n}\r\nconst starredComponentsCount = (starredComponents ?? []).length;\r\n\r\nconst pinnedComponentsData = Social.keys(\r\n `${accountId}/graph/pin/*/widget/*`,\r\n \"final\",\r\n {\r\n return_type: \"BlockHeight\",\r\n }\r\n);\r\nlet pinnedComponents = null;\r\nif (pinnedComponentsData) {\r\n pinnedComponents = [];\r\n const pinnedData = pinnedComponentsData[accountId]?.graph?.pin ?? {};\r\n Object.keys(pinnedData).forEach((authorAccountId) => {\r\n Object.keys(pinnedData[authorAccountId].widget).forEach((componentName) => {\r\n pinnedComponents.push({\r\n accountId: authorAccountId,\r\n componentName,\r\n });\r\n });\r\n });\r\n}\r\nconst pinnedComponentsCount = (pinnedComponents ?? []).length;\r\n\r\nfunction pinnedAppsFeatureEnabled() {\r\n if (emitGatewayEvent) {\r\n return emitGatewayEvent({\r\n type: \"PINNED_APPS\",\r\n action: \"FEATURE_ENABLED\",\r\n });\r\n }\r\n return false;\r\n}\r\n\r\nconst Wrapper = styled.div`\r\n border: 1px solid #eceef0;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n background: white;\r\n max-width: 410px; /* Set a max width for the card */\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n margin: 16px auto; /* Center the card */\r\n padding: 16px; /* Padding for inner content */\r\n`;\r\n\r\nconst Main = styled.div`\r\n display: grid;\r\n grid-template-columns: ${\r\n props.stack ? \"minmax(0, 1fr)\" : \"min-content minmax(0, 1fr)\"\r\n };\r\n gap: 40px;\r\n\r\n @media (max-width: 1024px) {\r\n grid-template-columns: minmax(0, 1fr);\r\n }\r\n`;\r\n\r\nconst BackgroundImage = styled.div`\r\n height: 240px;\r\n border-radius: 20px 20px 0 0;\r\n overflow: hidden;\r\n margin: 0 -12px;\r\n background: #eceef0;\r\n\r\n img {\r\n object-fit: cover;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n margin: calc(var(--body-top-padding) * -1) -12px 0;\r\n border-radius: 0;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n height: 120px;\r\n }\r\n`;\r\n\r\nconst SidebarWrapper = styled.div`\r\n position: relative;\r\n z-index: 5;\r\n margin-top: -55px;\r\n min-width: 352px;\r\n\r\n @media (max-width: 1024px) {\r\n margin-top: -40px;\r\n \r\n }\r\n`;\r\nconst Avatar = styled.img`\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n margin-bottom: 16px; /* Space below the avatar */\r\n`;\r\nconst Content = styled.div`\r\n .post {\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n`;\r\nconst Name = styled.h2`\r\n font-size: 20px;\r\n font-weight: bold;\r\n color: #11181c;\r\n margin: 0 0 8px; /* Margin below the name */\r\n`;\r\n\r\nconst Title = styled.h1`\r\n font-weight: 600;\r\n font-size: ${(p) => p.size || \"25px\"};\r\n line-height: 1.2em;\r\n color: #11181c;\r\n margin: ${(p) => (p.margin ? \"0 0 24px\" : \"0\")};\r\n overflow-wrap: anywhere;\r\n`;\r\n\r\nconst Tabs = styled.div`\r\n display: flex;\r\n height: 48px;\r\n border-bottom: 1px solid #eceef0;\r\n margin-bottom: 72px;\r\n overflow: auto;\r\n scroll-behavior: smooth;\r\n\r\n @media (max-width: 1024px) {\r\n background: #f8f9fa;\r\n border-top: 1px solid #eceef0;\r\n margin: 0 -12px 48px;\r\n\r\n > * {\r\n flex: 1;\r\n }\r\n }\r\n`;\r\n\r\nconst TabsButton = styled(\"Link\")`\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n font-weight: 600;\r\n font-size: 14px;\r\n padding: 0 12px;\r\n position: relative;\r\n color: ${(p) => (p.selected ? \"#11181C\" : \"#687076\")};\r\n background: none;\r\n border: none;\r\n outline: none;\r\n text-align: center;\r\n text-decoration: none !important;\r\n white-space: nowrap;\r\n \r\n\r\n &:hover {\r\n color: #11181c;\r\n }\r\n\r\n &::after {\r\n content: \"\";\r\n display: ${(p) => (p.selected ? \"block\" : \"none\")};\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: #59e692;\r\n }\r\n`;\r\n\r\nconst Bio = styled.p`\r\n color: #687076;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n margin: 0; /* No margin for the bio */\r\n`;\r\n\r\nconst ContributionGraphWrapper = styled.div`\r\n margin: 0 0 48px;\r\n`;\r\n\r\nif (profile === null) {\r\n return \"Loading\";\r\n}\r\n\r\nconst feeds = [\"all\"];\r\nif (accountId !== context.accountId) {\r\n feeds.push(\"mutual\");\r\n}\r\n\r\nreturn (\r\n <Wrapper className=\"gateway-page-container\">\r\n <BackgroundImage>\r\n {profile.backgroundImage && (\r\n <Widget\r\n src=\"mob.near/widget/Image\"\r\n props={{\r\n image: profile.backgroundImage,\r\n alt: \"profile background image\",\r\n fallbackUrl:\r\n \"https://ipfs.near.social/ipfs/bafkreibiyqabm3kl24gcb2oegb7pmwdi6wwrpui62iwb44l7uomnn3lhbi\",\r\n }}\r\n />\r\n )}\r\n </BackgroundImage>\r\n\r\n <Main>\r\n <SidebarWrapper>\r\n <Widget\r\n src=\"efiz.near/widget/ProfilePage.Sidebar\"\r\n props={{\r\n accountId,\r\n profile,\r\n }}\r\n />\r\n </SidebarWrapper>\r\n\r\n <Content></Content>\r\n </Main>\r\n </Wrapper>\r\n);\r\n" } } } } }