Transaction: DtfAZ7f...VBT4

{ "data": { "f2bc8abdb8ba64fe5aac9689ded9491ff0e6fdcd7a5c680b7cf364142d1789fb": { "widget": { "kudoBox": { "": "const d = props.d;\r\nconst thisWidgetInlineStyles = props.allWidgetsInlineStyles.kudos;\r\nconst thisWidgetClassNames = props.allWidgetsClassNameskudos;\r\nconst updateGeneralState = props.updateGeneralState;\r\nconst upvotes = props.upvotes;\r\n\r\nState.init({\r\n hoveringElement: \"\",\r\n showComments: false,\r\n});\r\n\r\nconst widgetOwner = props.widgetOwner;\r\n\r\nfunction getShowCommentsButtonContainerStyles() {\r\n return state.hoveringElement == \"showCommentsButtonContainer\"\r\n ? thisWidgetInlineStyles.renderKudoBox.hoveringShowCommentsButtonContainer\r\n : thisWidgetInlineStyles.renderKudoBox.showCommentsButtonContainer;\r\n}\r\n\r\nfunction getCaretDirection() {\r\n return state.showComments\r\n ? thisWidgetInlineStyles.renderKudoBox.flipButton\r\n : {};\r\n}\r\n\r\nconst RenderAllCommentAnswerBox = (d) => {\r\n return d.value.comments.map((c) => {\r\n return (\r\n <div style={thisWidgetInlineStyles.allCommentAnswerBox.container}>\r\n <Widget\r\n src=\"mob.near/widget/ProfileImage\"\r\n props={{\r\n accountId: c.accountId,\r\n className: \"d-inline-block\",\r\n style:\r\n thisWidgetInlineStyles.allCommentAnswerBox.profileImageStyles,\r\n }}\r\n />\r\n <a href={`#/mob.near/widget/ProfilePage?accountId=${c.accountId}`}>\r\n {c.accountId}\r\n </a>\r\n I BuiDL... <b>{c.value.commentAnswer}&nbsp;&nbsp;&nbsp;</b>\r\n <Widget\r\n src=\"mob.near/widget/FollowButton\"\r\n props={{ accountId: c.accountId }}\r\n />\r\n </div>\r\n );\r\n });\r\n};\r\n\r\nreturn (\r\n <div\r\n style={thisWidgetInlineStyles.renderKudoBox.cardContainer}\r\n className={thisWidgetClassNames.renderKudoBox.cardContainer}\r\n >\r\n <Widget\r\n src={`${widgetOwner}/widget/MainPage.Post`}\r\n props={{\r\n content: d,\r\n upvotes,\r\n updateGeneralState,\r\n allWidgetsInlineStyles: props.allWidgetsInlineStyles,\r\n allWidgetsClassNames: props.allWidgetsClassNames,\r\n }}\r\n />\r\n\r\n <div\r\n className={thisWidgetClassNames.showCommentsButtonContainer}\r\n style={getShowCommentsButtonContainerStyles()}\r\n onMouseEnter={() => {\r\n State.update({ hoveringElement: \"showCommentsButtonContainer\" });\r\n }}\r\n onMouseLeave={() => {\r\n State.update({ hoveringElement: \"\" });\r\n }}\r\n onClick={() => {\r\n State.update({ showComments: !state.showComments });\r\n }}\r\n >\r\n <p style={thisWidgetInlineStyles.renderKudoBox.textShowComment}>\r\n Show comments\r\n </p>\r\n <i className=\"bi bi-caret-down\" style={getCaretDirection()}></i>\r\n </div>\r\n\r\n {RenderAllCommentAnswerBox(d)}\r\n </div>\r\n);\r\n" } } } } }