Transaction: EX1wNJF...zM9X

{ "data": { "syi216.near": { "widget": { "NDC.nomination.card": { "": "const data = props;\nconsole.log(\"props card\", data);\nState.init({ verified: false, start: true, voted: false });\nlet nominationContract = \"nominations-v1.gwg-testing.near\";\nconsole.log(data.nominationData.tags.split(\",\"));\nfunction getVerifiedHuman() {\n asyncFetch(\n `https://api.pikespeak.ai/sbt/has-sbt?holder=${context.accountId}&class_id=1&issuer=fractal.i-am-human.near&with_expired=false`,\n {\n headers: {\n \"x-api-key\": \"36f2b87a-7ee6-40d8-80b9-5e68e587a5b5\",\n },\n }\n ).then((res) => {\n State.update({ verified: res.body });\n });\n asyncFetch(\n `https://api.pikespeak.ai/nominations/is-upvoted-by?candidate=${data.indexerData.nominee}&upvoter=${context.accountId}`,\n {\n headers: {\n \"x-api-key\": \"36f2b87a-7ee6-40d8-80b9-5e68e587a5b5\",\n },\n }\n ).then((res) => {\n State.update({ voted: res.body });\n });\n}\n\nif (state.start) {\n getVerifiedHuman();\n State.update({\n start: false,\n });\n}\n\nfunction handleUpVote() {\n Near.call(\n nominationContract,\n state.voted ? \"remove_upvote\" : \"upvote\",\n {\n candidate: data.indexerData.nominee,\n },\n 300000000000000,\n state.voted ? 0 : 1000000000000000000000\n );\n}\n\nconst Card = styled.div`\ndisplay: flex;\nflex-direction: column;\nalign-items: flex-start;\npadding: 16px;\ngap: 16px;\n\nwidth: 358px;\n\n\nbackground: #F8F8F9;\nborder-radius: 10px;\n\n/* Inside auto layout */\n\nflex: none;\norder: 2;\nflex-grow: 0;\n`;\n\nconst HeaderCard = styled.div`\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\npadding: 0px;\ngap: 12px;\n\nwidth: 326px;\nheight: 53px;\n`;\n\nconst ProfilePicture = styled.img`\nwidth: 40px;\nheight: 40px;\n\n\n/* Inside auto layout */\nborder-radius: 20px;\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst HeaderContent = styled.div`\ndisplay: flex;\nflex-direction: column;\nalign-items: flex-start;\npadding: 0px;\ngap: 4px;\n\nwidth: 190px;\nheight: 53px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 1;\n`;\n\nconst HeaderTag = styled.div`\nbox-sizing: border-box;\n\n/* Auto layout */\n\ndisplay: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 4px 8px;\ngap: 10px;\n\nheight: 18px;\n\nborder: solid 1px transparent;\nborder-radius: 80px;\nbackground-image: linear-gradient(white, white), radial-gradient(circle at top left, #9333EA 0%,#4F46E5 100%);\nbackground-origin: border-box;\nbackground-clip: padding-box, border-box;\n\n\nborder-radius: 100px;\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;`;\n\nconst HeaderTagP = styled.p`\nheight: 10px;\n\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 500;\nfont-size: 8px;\nline-height: 120%;\nmargin: 0px;\n/* identical to box height, or 10px */\n\ndisplay: flex;\nalign-items: center;\n\n/* Gradient/Purple gradient */\n\nbackground: linear-gradient(90deg, #9333EA 0%, #4F46E5 100%);\n-webkit-background-clip: text;\n-webkit-text-fill-color: transparent;\nbackground-clip: text;\ntext-fill-color: transparent;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst HeaderContentText = styled.div`\n/* Auto layout */\n\ndisplay: flex;\nflex-direction: column;\nalign-items: flex-start;\npadding: 0px;\n\nwidth: 228px;\nheight: 31px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;`;\n\nconst NominationName = styled.p`\nwidth: 228px;\nheight: 17px;\n\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 500;\nfont-size: 14px;\nline-height: 120%;\nmargin: 0px;\n/* identical to box height, or 17px */\n\ndisplay: flex;\nalign-items: center;\n\ncolor: #000000;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;`;\n\nconst NominationUser = styled.p`\nwidth: 228px;\nheight: 14px;\n\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 400;\nfont-size: 12px;\nmargin: 0px;\nline-height: 120%;\n/* or 14px */\n\ndisplay: flex;\nalign-items: center;\n\ncolor: #828688;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n`;\n\nconst UpvoteButton = styled.button`\nbox-sizing: border-box;\n\n/* Auto layout */\n\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\npadding: 2px 12px;\ngap: 6px;\n\nwidth: 72px;\nheight: 28px;\n${\n context.accountId != data.indexerData.nominee\n ? state.verified\n ? `border: solid 1px transparent;\nborder-radius: 80px;\nbackground-image: linear-gradient(white, white), radial-gradient(circle at top left, #9333EA 0%,#4F46E5 100%);\nbackground-origin: border-box;\nbackground-clip: padding-box, border-box;`\n : `border-radius: 10px;\n border: 1px solid var(--buttons-disable,#C3CACE);`\n : \"border: 1px solid var(--buttons-disable,#C3CACE);\"\n};\n\nborder-radius: 4px;\n\n/* Inside auto layout */\n\nflex: none;\norder: 2;\nflex-grow: 0;`;\n\nconst UpvoteButtonText = styled.p`\nwidth: 28px;\nheight: 24px;\n\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 500;\nfont-size: 12px;\nline-height: 24px;\nmargin: 0px;\n/* identical to box height, or 200% */\n\n\n/* Buttons/Gradient default */\n${\n context.accountId != data.indexerData.nominee\n ? state.verified\n ? `background: linear-gradient(90deg, #9333EA 0%, #4F46E5 100%);\n-webkit-background-clip: text;\n-webkit-text-fill-color: transparent;\nbackground-clip: text;\ntext-fill-color: transparent;`\n : `color: var(--buttons-disable, #C3CACE);`\n : \"color: var(--buttons-disable, #C3CACE);\"\n}\n\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst UpvoteIcon = styled.img`\nwidth: 14px;\nheight: 14px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n`;\nconst CollapseCandidate = styled.div`\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\npadding: 8px 12px;\ngap: 12px;\n\nwidth: 326px;\nheight: 56px;\n\nbackground: #FFFFFF;\nborder-radius: 6px;\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nalign-self: stretch;\nflex-grow: 0;\n`;\n\nconst CollapseCandidateContent = styled.div`\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nalign-items: flex-start;\npadding: 0px;\ngap: 4px;\n\nwidth: 302px;\nheight: 40px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst CollapseCandidateHeader = styled.div`\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\npadding: 0px;\ngap: 12px;\n\nwidth: 302px;\nheight: 16px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nalign-self: stretch;\nflex-grow: 0;\n`;\n\nconst CollapseCandidateText = styled.p`\nwidth: 274px;\nheight: 14px;\n\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 800;\nfont-size: 12px;\nline-height: 120%;\nmargin: 0px;\n/* or 14px */\n\n\ncolor: #000000;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 1;\n`;\n\nconst DownArrow = styled.img`\nwidth: 16px;\nheight: 16px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n`;\n\nconst CandidateTagContainer = styled.div`\noverflow:hidden;\ndisplay: flex;\nflex-direction: row;\nalign-items: flex-start;\npadding: 0px;\ngap: 4px;\nwidth: 100%;\nheight: 20px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n`;\n\nconst CandidateTag = styled.div`\nbox-sizing: border-box;\n\n/* Auto layout */\n\ndisplay: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 4px 8px;\ngap: 10px;\n\nheight: 20px;\n\nbackground: #F0E1CE;\n/* Secondary/Warning */\n\nborder: 1px solid #F19D38;\nborder-radius: 100px;\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst CandidateTagText = styled.p`\nheight: 12px;\noverflow:hidden;\ntext-overflow:ellipsis;\nwhite-space:nowrap;\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 500;\nfont-size: 10px;\nline-height: 120%;\nmargin: 0px;\n/* identical to box height, or 12px */\n\n\n/* Secondary/Warning */\n\ncolor: #F19D38;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst KeyIssues = styled.div`\n/* Auto layout */\n\ndisplay: flex;\nflex-direction: row;\nalign-items: flex-start;\npadding: 8px 12px;\ngap: 12px;\n\nwidth: 326px;\n\n\nbackground: #FFFFFF;\nborder-radius: 6px;\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n`;\n\nconst KeyIssuesContent = styled.div`\ndisplay: flex;\nflex-direction: column;\nalign-items: flex-start;\npadding: 0px;\ngap: 12px;\n\nwidth: 302px;\n\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst KeyIssuesHeader = styled.div`\ndisplay: flex;\nflex-direction: row;\nalign-items: flex-start;\npadding: 0px;\ngap: 12px;\n\nwidth: 302px;\nheight: 14px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst KeyIssuesTitle = styled.p`\nwidth: 302px;\nheight: 14px;\n\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 800;\nfont-size: 12px;\nline-height: 120%;\n/* or 14px */\n\n\ncolor: #000000;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 1;\n`;\n\nconst KeyIssuesContainer = styled.div`\ndisplay: flex;\nflex-direction: column;\nalign-items: flex-start;\npadding: 0px;\ngap: 8px;\n\nwidth: 302px;\n\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n`;\n\nconst KeyIssue = styled.div`\ndisplay: flex;\nflex-direction: column;\nalign-items: flex-start;\npadding: 0px;\ngap: 2px;\n\nwidth: 302px;\nheight: 28px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst KeyIssueHeader = styled.div`\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\npadding: 0px;\ngap: 8px;\n\nwidth: 302px;\nheight: 14px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nalign-self: stretch;\nflex-grow: 0;\n`;\n\nconst KeyIssueTitle = styled.p`\nwidth: 302px;\nheight: 12px;\n\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 500;\nfont-size: 10px;\nline-height: 120%;\nmargin: 0px;\n/* identical to box height, or 12px */\n\n\n/* #000000 */\n\ncolor: #000000;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nalign-self: stretch;\nflex-grow: 0;\n`;\n\nconst KeyIssueDescription = styled.p`\nwidth: 302px;\nheight: 12px;\n\noverflow:hidden;\ntext-overflow:ellipsis;\nwhite-space:nowrap;\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 400;\nfont-size: 10px;\nmargin: 0px;\nline-height: 120%;\n/* identical to box height, or 12px */\n\n\ncolor: #828688;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nalign-self: stretch;\nflex-grow: 0;\n`;\n\nconst KeyIssueSeparator = styled.hr`\nwidth: 302px;\nheight: 0px;\nmargin: 0px;\n\nborder: 1px solid rgba(208, 214, 217, 1);\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n`;\n\nconst LowerSection = styled.div`\ndisplay: flex;\nwidth: 326px;\nflex-direction: column;\njustify-content: center;\nalign-items: flex-start;\ngap: 8px;\n\n\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 2;\nflex-grow: 0;\n`;\n\nconst LowerSectionContainer = styled.div`\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nalign-items: flex-start;\ngap: 8px;\nalign-self: stretch;\n\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst ButtonsLowerSection = styled.div`\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\npadding: 0px;\n\nwidth: 326px;\nheight: 28px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst TextLowerSectionContainer = styled.div`\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\npadding: 0px;\ngap: 4px;\n\nwidth: 239px;\nheight: 24px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 1;\n`;\n\nconst ClockIcon = styled.img`\nwidth: 12px;\nheight: 12px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst TimestampText = styled.p`\nwidth: 119px;\nheight: 20px;\n\nfont-family: 'Avenir';\nfont-style: italic;\nfont-weight: 300;\nfont-size: 10px;\nline-height: 14px;\nmargin: 0px;\ndisplay: flex;\nalign-items: center;\n\ncolor: #000000;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n`;\n\nconst CommentsCounter = styled.p`\nwidth: 96px;\nheight: 24px;\n\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 500;\nfont-size: 12px;\nline-height: 24px;\nmargin: 0px;\n/* identical to box height, or 200% */\n\ntext-align: right;\n\n/* Buttons/Gradient default */\n\nbackground: linear-gradient(90deg, #9333EA 0%, #4F46E5 100%);\n-webkit-background-clip: text;\n-webkit-text-fill-color: transparent;\nbackground-clip: text;\ntext-fill-color: transparent;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 2;\nflex-grow: 0;\n`;\n\nconst ButtonsContainer = styled.div`\ndisplay: flex;\nflex-direction: row;\nalign-items: center;\npadding: 0px;\ngap: 4px;\n\nwidth: 87px;\nheight: 28px;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n`;\n\nconst TagSection = styled.div`\noverflow: hidden;\ndisplay: flex;\n\nalign-items: flex-start;\ngap: 4px;\n`;\n\nconst Tag = styled.div`\nbox-sizing: border-box;\n\n/* Auto layout */\n\ndisplay: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 4px 8px;\ngap: 10px;\n\nheight: 20px;\n\nborder: solid 1px transparent;\nborder-radius: 80px;\nbackground-image: linear-gradient(white, white), radial-gradient(circle at top left, #9333EA 0%,#4F46E5 100%);\nbackground-origin: border-box;\nbackground-clip: padding-box, border-box;\nborder-radius: 100px;\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst TagText = styled.p`\nheight: 12px;\n\nfont-family: 'Avenir';\nfont-style: normal;\nfont-weight: 500;\nfont-size: 10px;\nmargin: 0px;\nline-height: 120%;\n/* identical to box height, or 12px */\n\n\n/* Gradient/Purple gradient */\n\nbackground: linear-gradient(90deg, #9333EA 0%, #4F46E5 100%);\n-webkit-background-clip: text;\n-webkit-text-fill-color: transparent;\nbackground-clip: text;\ntext-fill-color: transparent;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n`;\n\nconst CommentButtonDiv = styled.button`\ndisplay: flex;\npadding: 2px 12px;\nalign-items: center;\ngap: 6px;\nborder: solid 1px transparent;\nborder-radius: 80px;\n${\n state.verified\n ? `background-image: linear-gradient(white, white), radial-gradient(circle at top left, #9333EA 0%,#4F46E5 100%);\nbackground-origin: border-box;\nbackground-clip: padding-box, border-box;`\n : \"border: 1px solid var(--buttons-disable, #C3CACE);\"\n}\n\nborder-radius: 4px;\n`;\n\nconst CommentButtonCounter = styled.p`\nfont-size: 12px;\nfont-family: Avenir;\nfont-weight: 500;\nline-height: 24px;\nmargin: 0px;\n${\n state.verified\n ? `background: linear-gradient(90deg, #9333EA 0%, #4F46E5 100%);\n-webkit-background-clip: text;\n-webkit-text-fill-color: transparent;\nbackground-clip: text;\ntext-fill-color: transparent;`\n : \"border: 1px solid var(--buttons-disable, #C3CACE);\"\n}\n\n`;\n\nconst CommentButtonIcon = styled.img`\nwidth: 14px;\nheight: 14px;\n`;\n\nconst TagSectionContainer = styled.div`\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\nalign-self: stretch;\n`;\n\nconst ViewButtonContainer = styled.div`\ndisplay: flex;\npadding: 0px 0px 0px 8px;\nalign-items: flex-start;\ngap: 8px;\n`;\n\nconst ViewButtonDiv = styled.a`\ndisplay: flex;\npadding: 2px 12px;\nalign-items: flex-start;\nborder: solid 1px transparent;\nborder-radius: 80px;\nbackground-image: linear-gradient(white, white), radial-gradient(circle at top left, #9333EA 0%,#4F46E5 100%);\nbackground-origin: border-box;\nbackground-clip: padding-box, border-box;\ngap: 10px;\nborder-radius: 4px;\n`;\n\nconst ViewButtonText = styled.p`\nfont-size: 12px;\nfont-family: Avenir;\nfont-weight: 500;\nline-height: 24px;\nmargin: 0px;\nbackground: linear-gradient(90deg, #9333EA 0%, #4F46E5 100%);\n-webkit-background-clip: text;\n-webkit-text-fill-color: transparent;\nbackground-clip: text;\ntext-fill-color: transparent;\n`;\n\nconst ShareButtonDiv = styled.button`\ndisplay: flex;\npadding: 2px 12px;\nalign-items: flex-start;\ngap: 10px;\nborder-radius: 4px;\nbackground: var(--buttons-yellow-default, #FFD50D);\nborder: 1px solid #FFD50D;\n`;\n\nconst ShareButtonText = styled.p`\ncolor: var(--primary-black, #000);\nfont-size: 12px;\nfont-family: Avenir;\nfont-weight: 500;\nline-height: 24px;\nmargin: 0px;\n`;\n\nreturn (\n <Card>\n {state.showModal && (\n <Widget\n src={`dokxo.near/widget/CommentCard`}\n props={{\n candidateOrReplay: true,\n username: data.indexerData.nominee,\n onClickConfirm: () => State.update({ showModal: false }),\n onClickCancel: () => State.update({ showModal: false }),\n }}\n />\n )}\n <HeaderCard>\n <ProfilePicture\n src={\n data.nominationData.img.cid\n ? \"https://nativonft.mypinata.cloud/ipfs/\" +\n data.nominationData.img.cid\n : \"https://apricot-straight-eagle-592.mypinata.cloud/ipfs/QmZBPPMKLdZG2zVpYaf9rcbtNfAp7c3BtsvzxzBb9pNihm?_gl=1*6avmrp*rs_ga*MzkyOTE0Mjc4LjE2ODY4NjgxODc.*rs_ga_5RMPXG14TE*MTY4NjkzMzM2NC4zLjEuMTY4NjkzMzM4Ni4zOC4wLjA.\"\n }\n alt=\"pic\"\n ></ProfilePicture>\n <HeaderContent>\n <HeaderTag>\n <HeaderTagP>\n {data.indexerData.house == \"HouseOfMerit\"\n ? \"House of Merit\"\n : data.indexerData.house == \"CouncilOfAdvisors\"\n ? \"Council of Advisors\"\n : \"Transparency Commission\"}\n </HeaderTagP>\n </HeaderTag>\n <HeaderContentText>\n <NominationName>{data.profileData.name}</NominationName>\n <NominationUser>{data.nominationData.profileAccount}</NominationUser>\n </HeaderContentText>\n </HeaderContent>\n <UpvoteButton\n onClick={\n data.preview\n ? \"\"\n : context.accountId != data.indexerData.nominee\n ? state.verified\n ? handleUpVote\n : \"\"\n : \"\"\n }\n >\n <UpvoteButtonText>\n +{data.upVoteData.upvotes ? data.upVoteData.upvotes : \"0\"}\n </UpvoteButtonText>\n <UpvoteIcon\n src=\"https://apricot-straight-eagle-592.mypinata.cloud/ipfs/QmXqGSZvrgGkVviBJirnBtT9krTHHsjPYX1UM8EWExFxCM?_gl=1*1hd2izc*rs_ga*MzkyOTE0Mjc4LjE2ODY4NjgxODc.*rs_ga_5RMPXG14TE*MTY4NjkzOTYyNC40LjAuMTY4NjkzOTYyNC42MC4wLjA.\"\n alt=\"pic\"\n ></UpvoteIcon>\n </UpvoteButton>\n </HeaderCard>\n <CollapseCandidate>\n <CollapseCandidateContent>\n <CollapseCandidateHeader>\n <CollapseCandidateText>Candidate Affiliations</CollapseCandidateText>\n </CollapseCandidateHeader>\n <CandidateTagContainer>\n {JSON.parse(data.nominationData.afiliation).map((data) => {\n return (\n <>\n <CandidateTag>\n <CandidateTagText>{data.company_name}</CandidateTagText>\n </CandidateTag>\n </>\n );\n })}\n </CandidateTagContainer>\n </CollapseCandidateContent>\n </CollapseCandidate>\n <KeyIssues>\n <KeyIssuesContent>\n <KeyIssuesHeader>\n <KeyIssuesTitle>Key issues</KeyIssuesTitle>\n </KeyIssuesHeader>\n <KeyIssuesContainer>\n <KeyIssue>\n <KeyIssueHeader>\n <KeyIssueTitle>Key Issue 1</KeyIssueTitle>\n </KeyIssueHeader>\n <KeyIssueDescription>\n {data.nominationData.issued1}\n </KeyIssueDescription>\n <KeyIssueSeparator></KeyIssueSeparator>\n </KeyIssue>\n <KeyIssue>\n <KeyIssueHeader>\n <KeyIssueTitle>Key Issue 2</KeyIssueTitle>\n </KeyIssueHeader>\n <KeyIssueDescription>\n {data.nominationData.issued2}\n </KeyIssueDescription>\n <KeyIssueSeparator></KeyIssueSeparator>\n </KeyIssue>\n <KeyIssue>\n <KeyIssueHeader>\n <KeyIssueTitle>Key Issue 3</KeyIssueTitle>\n </KeyIssueHeader>\n <KeyIssueDescription>\n {data.nominationData.issued3}\n </KeyIssueDescription>\n <KeyIssueSeparator></KeyIssueSeparator>\n </KeyIssue>\n <KeyIssue>\n <KeyIssueHeader>\n <KeyIssueTitle>Other Platform</KeyIssueTitle>\n </KeyIssueHeader>\n <KeyIssueDescription>\n {data.nominationData.addition_platform}\n </KeyIssueDescription>\n <KeyIssueSeparator></KeyIssueSeparator>\n </KeyIssue>\n </KeyIssuesContainer>\n </KeyIssuesContent>\n </KeyIssues>\n <LowerSection>\n <LowerSectionContainer>\n <ButtonsLowerSection>\n <TextLowerSectionContainer>\n <ClockIcon\n src=\"https://apricot-straight-eagle-592.mypinata.cloud/ipfs/QmTUjsGCFy6YrmjgS7zPVbdcKs4V8PZrXKC5zn6LUBfdoi?_gl=1*1141dsg*rs_ga*MzkyOTE0Mjc4LjE2ODY4NjgxODc.*rs_ga_5RMPXG14TE*MTY4Njk0NzU3Mi41LjEuMTY4Njk0ODc2Ny42MC4wLjA.\"\n alt=\"pic\"\n ></ClockIcon>\n <TimestampText>\n {data.indexerData.timestamp} by {data.indexerData.nominee}\n </TimestampText>\n </TextLowerSectionContainer>\n <CommentButtonDiv\n onClick={async () => {\n data.preview\n ? \"\"\n : state.verified\n ? State.update({ showModal: true })\n : \"\";\n }}\n >\n <CommentButtonCounter>\n +{data.upVoteData.comments.length}\n </CommentButtonCounter>\n <CommentButtonIcon\n src=\"https://apricot-straight-eagle-592.mypinata.cloud/ipfs/QmeZWTSG87x4RVE2MmaW5EPt3R2qBw6KpDvQNnGPV1hF2Q?_gl=1*11ayqft*_ga*MzkyOTE0Mjc4LjE2ODY4NjgxODc.*_ga_5RMPXG14TE*MTY4NzgwODA5Ny4xLjEuMTY4NzgwODA5OS41OC4wLjA.\"\n alt=\"pic\"\n ></CommentButtonIcon>\n </CommentButtonDiv>\n </ButtonsLowerSection>\n <TagSectionContainer>\n <TagSection>\n {data.nominationData.tags.split(\",\").map((data) => {\n return (\n <Tag>\n <TagText>{data}</TagText>\n </Tag>\n );\n })}\n </TagSection>\n <ViewButtonContainer>\n {data.preview ? (\n <></>\n ) : (\n <>\n <ViewButtonDiv\n href={\n \"#/yairnava.near/widget/NDC.Nomination.Candidate.Container?house=\" +\n data.indexerData.house +\n \"&candidate=\" +\n data.indexerData.nominee\n }\n >\n <ViewButtonText>View</ViewButtonText>\n </ViewButtonDiv>\n <OverlayTrigger\n placement={top}\n overlay={<Tooltip>Copy link to the clipboard</Tooltip>}\n >\n <ShareButtonDiv\n onClick={() => {\n clipboard.writeText(\n \"https://near.org/#/yairnava.near/widget/NDC.Nomination.Candidate.Container?house=\" +\n data.indexerData.house +\n \"&candidate=\" +\n data.indexerData.nominee\n );\n }}\n >\n <ShareButtonText>Share</ShareButtonText>\n </ShareButtonDiv>\n </OverlayTrigger>\n </>\n )}\n </ViewButtonContainer>\n </TagSectionContainer>\n </LowerSectionContainer>\n </LowerSection>\n </Card>\n);\n" } } } } }