Transaction: BZnTVX4...mSxq

{ "data": { "abdullahi3000.near": { "widget": { "components.Post": { "": "const { Button } = VM.require(\"abdullahi3000.near/widget/components\") || {\n Button: () => <></>,\n};\n\nconst StyledPost = styled.div`\n margin-bottom: 1rem;\n .post {\n border-radius: 16px;\n border: 1px solid var(--stroke-color, rgba(255, 255, 255, 0.2));\n color: var(--font-muted-color, #b6b6b8);\n padding: 24px !important;\n background-color: var(--post-bg, #23242b);\n transition: all 300ms;\n\n &:hover {\n background-color: var(--post-bg-hover, #17181c) !important;\n .expand-post {\n background-image: linear-gradient(\n to bottom,\n var(--post-bg-hover-transparent, rgba(23, 24, 28, 0)),\n var(--post-bg-hover, #17181c) 25%\n ) !important;\n }\n }\n\n .post-header {\n span,\n .text-muted {\n color: var(--font-color, #fff) !important;\n }\n }\n\n .buttons {\n border-top: 1px solid #3c3d43;\n padding: 0.5rem;\n }\n\n .expand-post {\n background-image: linear-gradient(\n to bottom,\n var(--post-bg-transparent, rgba(35, 36, 43, 0)),\n var(--post-bg, rgba(35, 36, 43, 1)) 25%\n ) !important;\n }\n }\n\n .dropdown-menu {\n background-color: var(--post-bg, #000000) !important;\n color: var(--font-color, #fff) !important;\n\n li.dropdown-item {\n color: var(--font-color, #fff) !important;\n &:hover {\n a {\n color: var(--post-bg, #000000) !important;\n }\n }\n }\n\n .link-dark,\n .dropdown-item {\n color: var(--font-color, #fff) !important;\n\n &:hover {\n color: var(--post-bg, #000000) !important;\n\n span {\n color: var(--post-bg, #000000) !important;\n }\n }\n }\n }\n\n textarea {\n color: #b6b6b8 !important;\n }\n`;\n\nconst Wrapper = styled.div`\n margin: 0 -12px;\n line-height: normal;\n\n .post {\n position: relative;\n padding: 12px;\n padding-bottom: 4px;\n display: flex;\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: 16px !important;\n }\n @media (max-width: 767px) {\n font-size: 15px !important;\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: 15px !important;\n }\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n strong,\n b {\n font-weight: 500 !important;\n }\n ol,\n ul,\n dl {\n margin-bottom: 0.5rem;\n white-space: inherit;\n }\n p {\n margin-bottom: 0.5rem;\n }\n hr {\n display: none;\n }\n img {\n border-radius: var(--bs-border-radius-lg);\n max-height: 40em;\n }\n th {\n min-width: 5em;\n }\n\n .table > :not(caption) > * > * {\n padding: 0.3rem;\n }\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.03);\n .expand-post {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0),\n rgba(247.35, 247.35, 247.35, 1) 25%\n );\n }\n }\n\n .post-header {\n margin: 4px 0;\n }\n }\n\n .post:not(:last-child):before {\n content: \"\";\n position: absolute;\n left: 30px;\n top: 56px;\n bottom: 0;\n width: 2px;\n background-color: #ddd;\n z-index: -1;\n }\n\n .post:not(:first-child):after {\n content: \"\";\n position: absolute;\n left: 30px;\n top: 0;\n width: 2px;\n height: 8px;\n background-color: #ddd;\n z-index: -1;\n }\n\n .left {\n margin-right: 12px;\n width: auto;\n overflow: hidden;\n }\n .right {\n margin-top: -4px;\n flex-grow: 1;\n min-width: 0;\n }\n\n .buttons-placeholder {\n padding-bottom: 10px;\n }\n\n .buttons {\n margin-top: 10px;\n margin-bottom: 6px;\n column-gap: 4px;\n color: #888;\n }\n\n .reposted {\n padding-top: 30px;\n }\n`;\n\nconst RepostWidgetDesktop = styled.div`\n @media screen and (max-width: 768px) {\n display: none;\n }\n`;\n\nconst RepostWidgetMobile = styled.div`\n display: none;\n @media screen and (max-width: 768px) {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n`;\nconst accountId = \"abdullahi3000.near\";\nif (!accountId) {\n return \"No accountId\";\n}\nconst blockHeight =\n props.blockHeight === \"now\" ? \"now\" : parseInt(props.blockHeight);\nconst pinned = !!props.pinned;\nconst hideMenu = !!props.hideMenu;\nconst hideButtons = !!props.hideButtons;\nconst content =\n props.content ??\n JSON.parse(Social.get(`${accountId}/post/main`, blockHeight) ?? \"null\");\nconst subscribe = !!props.subscribe;\nconst raw = !!props.raw;\nconst groupId = props.groupId ?? content.groupId;\nconst indexKey = props.indexKey;\nconst permissions = props.permissions;\nconst fullPostLink = props.fullPostLink;\nconst customActions = props.customActions;\n\nconst notifyAccountId = accountId;\nconst item = {\n type: \"social\",\n path: `${accountId}/post/main`,\n blockHeight,\n};\n\nconst modifications = Social.index(\"modify\", item, { limit: 1, order: \"desc\" });\n\nconst [isEdited, setIsEdited] = useState(false);\n\nif (modifications.length) {\n const modification = modifications[0].value;\n if (modification.type === \"edit\") {\n content = modification.value;\n setIsEdited(true);\n } else if (modification.type === \"delete\") {\n return <></>;\n }\n}\n\nconst link =\n props.link ??\n props.fullPostLink ??\n `/abdullahi3000.near/widget/MainPage.N.Post.Page?accountId=${accountId}&blockHeight=${blockHeight}`;\n\nconst contentWidget = <>'hello'</>;\n\nreturn (\n <>\n <StyledPost\n key={`Post-${item.path}-${item.blockHeight}`}\n style={{ width: props.width ? props.width : \"auto\" }}\n >\n <Wrapper\n className=\"w-100 mx-auto\"\n style={\n props.hideComments || props.noBorder\n ? undefined\n : {\n borderBottom: \"1px solid #eee\",\n }\n }\n >\n <div className={`post ${props.reposted ? \"reposted\" : \"\"}`}>\n <div className=\"right d-flex flex-column gap-3\">\n <Widget\n src=\"abdullahi3000.near/widget/components.post.Header\"\n loading=\"\"\n props={{\n accountId: accountId,\n blockHeight: modifications[0].blockHeight ?? blockHeight,\n pinned: pinned,\n hideMenu: hideMenu,\n link: link,\n postType: \"post\",\n item: item,\n content: content,\n customActions: customActions,\n modalToggles: props.modalToggles,\n setItem: props.setItem,\n isEdited: isEdited,\n }}\n />\n {fullPostLink ? (\n <a\n key=\"full-post-link\"\n target=\"_blank\"\n href={fullPostLink}\n className=\"text-decoration-none link-dark\"\n >\n {contentWidget}\n </a>\n ) : (\n contentWidget\n )}\n {props.customButtons ? (\n props.customButtons\n ) : !pinned && !hideButtons && blockHeight !== \"now\" ? (\n <div className=\"buttons d-flex justify-content-between\">\n <Widget\n loading=\"\"\n src=\"mob.near/widget/N.LikeButton\"\n props={{\n notifyAccountId,\n item,\n }}\n />\n <Widget\n loading=\"\"\n src=\"mob.near/widget/MainPage.N.Post.ShareButton\"\n props={{ accountId, blockHeight, postType: \"post\", groupId }}\n />\n </div>\n ) : (\n <div className=\"buttons-placeholder\" />\n )}\n </div>\n </div>\n </Wrapper>\n </StyledPost>\n </>\n);\n" } } } } }