// config function getConfig(network) { switch (network) { case "mainnet": return { gatewayDomain: "openweb.build", ownerId: "openwebbuild.near", discoveryAccountId: "near", eugeneId: "mob.near", }; case "testnet": return { gatewayDomain: "dev.openweb.build", ownerId: "openwebbuild.testnet", discoveryAccountId: "one.testnet", eugeneId: "eugenethedream", }; default: throw Error(`Unconfigured environment '${network}'.`); } } const config = getConfig(context.networkId); const accountId = props.accountId; const blockHeight = props.blockHeight === "now" ? "now" : parseInt(props.blockHeight); const content = props.content ?? JSON.parse(Social.get(`${accountId}/post/comment`, blockHeight) ?? "null"); const parentItem = content.item; const highlight = !!props.highlight; const raw = !!props.raw; const commentUrl = `${config.gatewayDomain}/s/c?a=${accountId}&b=${blockHeight}`; State.init({ hasBeenFlagged: false }); const extractNotifyAccountId = (parentItem) => { if (!parentItem || parentItem.type !== "social" || !parentItem.path) { return undefined; } const accountId = parentItem.path.split("/")[0]; return `${accountId}/post/main` === parentItem.path ? accountId : undefined; }; const Comment = styled.div` position: relative; &::before { content: ""; display: block; position: absolute; left: 15px; top: 44px; bottom: 12px; width: 2px; background: ${props.highlight ? "#006ADC" : "#ECEEF0"}; } `; const Header = styled.div` display: inline-flex; margin-bottom: 0; `; const Main = styled.div` padding-left: 44px; padding-bottom: 1px; `; const Content = styled.div` img { display: block; max-width: 100%; max-height: 80vh; margin: 0 0 12px; } `; const Text = styled.p` display: block; margin: 0; font-size: 14px; line-height: 20px; font-weight: 400; color: #687076; white-space: nowrap; `; const Actions = styled.div` display: flex; align-items: center; gap: 12px; margin: -6px -6px 6px; `; if (state.hasBeenFlagged) { return ( <div className="alert alert-secondary"> <i className="bi bi-flag" /> This content has been flagged for moderation </div> ); } return ( <Comment> <Header> <Widget src={`${config.ownerId}/widget/Account.Profile`} props={{ accountId, avatarSize: "32px", hideAccountId: true, inlineContent: ( <> <Text as="span">･</Text> {blockHeight === "now" ? ( "now" ) : ( <Text> <Widget src={`${ context.networkId === "mainnet" ? "mob.near" : "one.testnet" }/widget/TimeAgo`} props={{ blockHeight }} />{" "} ago </Text> )} </> ), }} /> </Header> <Main> <Content> {content.text && ( <Widget src={`${config.ownerId}/widget/Post.Markdown`} props={{ text: content.text }} /> )} {content.image && ( <Widget src={`${config.eugeneId}/widget/Image`} props={{ image: content.image, }} /> )} </Content> {blockHeight !== "now" && ( <Actions> <Widget src={`${config.discoveryAccountId}/widget/LikeButton`} props={{ item: { type: "social", path: `${accountId}/post/comment`, blockHeight, }, notifyAccountId, }} /> <Widget src={`${config.discoveryAccountId}/widget/CommentButton`} props={{ hideCount: true, onClick: () => State.update({ showReply: !state.showReply }), }} /> <Widget src={`${config.discoveryAccountId}/widget/CopyUrlButton`} props={{ url: commentUrl, }} /> {/* <Widget src={`${config.discoveryAccountId}/widget/ShareButton`} props={{ postType: "comment", url: commentUrl, }} /> <Widget src={`${config.discoveryAccountId}/widget/FlagButton`} props={{ item: { type: "social", path: `${accountId}/post/comment`, blockHeight, }, onFlag: () => { State.update({ hasBeenFlagged: true }); }, }} /> */} </Actions> )} {state.showReply && ( <div className="mb-2"> <Widget src={`${config.discoveryAccountId}/widget/Comments.Compose`} props={{ initialText: `@${accountId}, `, notifyAccountId: extractNotifyAccountId(parentItem), item: parentItem, onComment: () => State.update({ showReply: false }), }} /> </div> )} </Main> </Comment> );