| 6 | "": "const { nomination_contract, registry_contract, api_key, data, accountId } =\\\\n props;\\\\n\\\\nState.init({\\\\n verified: false,\\\\n start: true,\\\\n voted: false,\\\\n showDeclaration: false,\\\\n});\\\\n\\\\nconst widgets = {\\\\n styledComponents: \\\\\\\"nomination.ndctools.near/widget/NDC.StyledComponents\\\\\\\",\\\\n comment: \\\\\\\"nomination.ndctools.near/widget/NDC.Nomination.Candidate.Comment\\\\\\\",\\\\n addComment: \\\\\\\"nomination.ndctools.near/widget/NDC.Nomination.AddComment\\\\\\\",\\\\n};\\\\n\\\\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®istry=${registry_contract}`,\\\\n { headers: { \\\\\\\"x-api-key\\\\\\\": api_key } }\\\\n ).then((res) => {\\\\n State.update({ verified: res.body });\\\\n });\\\\n asyncFetch(\\\\n `https://api.pikespeak.ai/nominations/is-upvoted-by?candidate=${accountId}&upvoter=${context.accountId}&contract=${nomination_contract}`,\\\\n { headers: { \\\\\\\"x-api-key\\\\\\\": api_key } }\\\\n ).then((res) => {\\\\n State.update({ voted: res.body });\\\\n });\\\\n}\\\\n\\\\ngetVerifiedHuman();\\\\n\\\\nfunction handleUpVote() {\\\\n Near.call(\\\\n nomination_contract,\\\\n state.voted ? \\\\\\\"remove_upvote\\\\\\\" : \\\\\\\"upvote\\\\\\\",\\\\n {\\\\n candidate: accountId,\\\\n },\\\\n 300000000000000,\\\\n state.voted ? 0 : 1000000000000000000000\\\\n );\\\\n}\\\\nconst DetailContent = styled.div`\\\\n display: inline-flex;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 12px;\\\\n`;\\\\nconst DetailCard = styled.div`\\\\n display: flex;\\\\n padding: 16px;\\\\n flex-direction: column;\\\\n gap: 16px;\\\\n border-radius: 10px;\\\\n background: #f8f8f9;\\\\n`;\\\\nconst DetailHeader = styled.div`\\\\n display: flex;\\\\n align-items: center;\\\\n gap: 12px;\\\\n`;\\\\nconst HeaderDetailContent = styled.div`\\\\n display: flex;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 4px;\\\\n flex: 1 0 0;\\\\n overflow: hidden;\\\\n`;\\\\nconst TagContainer = styled.div`\\\\n display: flex;\\\\n align-items: flex-start;\\\\n gap: 4px;\\\\n`;\\\\nconst HouseTagDiv = styled.div`\\\\n width: 100%;\\\\n display: flex;\\\\n padding: 4px 8px;\\\\n justify-content: center;\\\\n align-items: center;\\\\n gap: 10px;\\\\n border-radius: 100px;\\\\n background: var(\\\\n --gradient-purple-gradient,\\\\n linear-gradient(90deg, #9333ea 0%, #4f46e5 100%)\\\\n );\\\\n`;\\\\nconst HouseTagText = styled.p`\\\\n color: #fff;\\\\n font-size: 8px;\\\\n font-weight: 500;\\\\n line-height: 120%;\\\\n margin: 0px;\\\\n display: inline-block;\\\\n overflow: hidden;\\\\n text-overflow: ellipsis;\\\\n white-space: nowrap;\\\\n`;\\\\nconst TagDiv = styled.div`\\\\n display: flex;\\\\n padding: 4px 8px;\\\\n justify-content: center;\\\\n align-items: center;\\\\n gap: 10px;\\\\n border-radius: 100px;\\\\n border: solid 1px transparent;\\\\n border-radius: 80px;\\\\n background-image: linear-gradient(#eae5f7, #eae5f7),\\\\n radial-gradient(circle at top left, #9333ea 0%, #4f46e5 100%);\\\\n background-origin: border-box;\\\\n background-clip: padding-box, border-box;\\\\n`;\\\\nconst TagDivText = styled.p`\\\\n font-size: 8px;\\\\n margin: 0px;\\\\n font-weight: 500;\\\\n line-height: 120%;\\\\n background: linear-gradient(90deg, #9333ea 0%, #4f46e5 100%);\\\\n -webkit-background-clip: text;\\\\n -webkit-text-fill-color: transparent;\\\\n background-clip: text;\\\\n text-fill-color: transparent;\\\\n`;\\\\nconst NominationTitleContainer = styled.div`\\\\n display: flex;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n margin: 5px 0;\\\\n`;\\\\n\\\\nconst UserLink = styled.a`\\\\n cursor: pointer;\\\\n &:hover {\\\\n text-decoration: none;\\\\n }\\\\n`;\\\\nconst NominationTitle = styled.p`\\\\n display: flex;\\\\n flex-direction: column;\\\\n justify-content: center;\\\\n margin: 0px;\\\\n color: #000;\\\\n font-size: 14px;\\\\n font-weight: 500;\\\\n line-height: 120%;\\\\n`;\\\\nconst NominationUser = styled.p`\\\\n display: flex;\\\\n flex-direction: column;\\\\n justify-content: center;\\\\n color: #828688;\\\\n margin: 0px;\\\\n font-size: 12px;\\\\n line-height: 120%;\\\\n`;\\\\n\\\\nconst UpvoteButtonDisabled = styled.button`\\\\n display: flex;\\\\n padding: 2px 12px;\\\\n align-items: center;\\\\n gap: 6px;\\\\n border-radius: 4px;\\\\n border: solid 1px transparent;\\\\n background: var(--buttons-disable, #c3cace);\\\\n cursor: default !important;\\\\n`;\\\\n\\\\nconst UpvoteButton = styled.button`\\\\n display: flex;\\\\n padding: 2px 12px;\\\\n align-items: center;\\\\n gap: 6px;\\\\n border-radius: 4px;\\\\n border: solid 1px transparent;\\\\n background-image: linear-gradient(#f8f8f9, #f8f8f9),\\\\n radial-gradient(circle at top left, #9333ea 0%, #4f46e5 100%);\\\\n background-origin: border-box;\\\\n background-clip: padding-box, border-box;\\\\n`;\\\\nconst UpvoteCount = styled.p`\\\\n font-size: 12px;\\\\n font-weight: 500;\\\\n line-height: 24px;\\\\n margin: 0px;\\\\n background: linear-gradient(90deg, #9333ea 0%, #4f46e5 100%);\\\\n -webkit-background-clip: text;\\\\n -webkit-text-fill-color: transparent;\\\\n background-clip: text;\\\\n text-fill-color: transparent;\\\\n`;\\\\nconst UpvoteIcon = styled.img`\\\\n width: 14px;\\\\n height: 14px;\\\\n`;\\\\nconst PlatformCard = styled.div`\\\\n display: flex;\\\\n padding: 8px 12px;\\\\n align-items: flex-start;\\\\n gap: 12px;\\\\n border-radius: 6px;\\\\n background: #fff;\\\\n`;\\\\nconst PlatformContent = styled.div`\\\\n display: flex;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 12px;\\\\n`;\\\\nconst PlatformHeaderDiv = styled.div`\\\\n display: flex;\\\\n align-items: flex-start;\\\\n gap: 12px;\\\\n`;\\\\nconst PlatformHeaderText = styled.p`\\\\n font-size: 18px;\\\\n font-weight: 500;\\\\n margin: 0px;\\\\n`;\\\\nconst PlatformInfoDiv = styled.div`\\\\n display: flex;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 8px;\\\\n`;\\\\nconst PlatformInfoHeader = styled.div`\\\\n display: flex;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 2px;\\\\n width: 100%;\\\\n`;\\\\nconst PlatInforHeadText = styled.p`\\\\n font-size: 12px;\\\\n line-height: 120%;\\\\n margin: 0px;\\\\n font-weight: 400;\\\\n line-height: 18px;\\\\n text-align: left;\\\\n`;\\\\nconst HR = styled.div`\\\\n height: 1px;\\\\n width: 100%;\\\\n margin: 8px 0 0 0;\\\\n background: rgba(208, 214, 217, 1);\\\\n`;\\\\nconst KeyIssuesContainer = styled.div`\\\\n display: flex;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 2px;\\\\n`;\\\\nconst KeyIssueTitle = styled.h5`\\\\n font-size: 13px;\\\\n line-height: 16px;\\\\n margin: 7px 0 3px 0;\\\\n`;\\\\nconst KeyIssueDescription = styled.p`\\\\n color: #828688;\\\\n font-size: 12px;\\\\n line-height: 18px;\\\\n margin: 0px;\\\\n text-align: justify;\\\\n`;\\\\nconst CandidateCard = styled.div`\\\\n display: flex;\\\\n padding: 16px 12px;\\\\n align-items: center;\\\\n gap: 12px;\\\\n align-self: stretch;\\\\n border-radius: 6px;\\\\n background: #fff;\\\\n`;\\\\nconst CandidateContent = styled.div`\\\\n display: flex;\\\\n flex-direction: column;\\\\n justify-content: center;\\\\n align-items: flex-start;\\\\n gap: 4px;\\\\n`;\\\\nconst CandidateHeader = styled.div`\\\\n display: flex;\\\\n align-items: center;\\\\n gap: 12px;\\\\n align-self: stretch;\\\\n`;\\\\nconst CandidateHeaderText = styled.p`\\\\n color: #000;\\\\n font-size: 12px;\\\\n font-weight: 800;\\\\n line-height: 120%;\\\\n margin: 0px;\\\\n`;\\\\nconst CandidateInfoDiv = styled.div`\\\\n display: flex;\\\\n padding: 8px;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 16px;\\\\n`;\\\\nconst CandidateInfoHeader = styled.div`\\\\n display: flex;\\\\n align-items: center;\\\\n gap: 8px;\\\\n align-self: stretch;\\\\n`;\\\\nconst CandidateImage = styled.img`\\\\n width: 32px;\\\\n height: 32px;\\\\n border-radius: 20px;\\\\n`;\\\\nconst CandidateInfoData = styled.div`\\\\n display: flex;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 4px;\\\\n flex: 1 0 0;\\\\n`;\\\\nconst CandidateTagDiv = styled.div`\\\\n display: flex;\\\\n height: 20px;\\\\n padding: 4px 8px;\\\\n justify-content: center;\\\\n align-items: center;\\\\n gap: 10px;\\\\n border-radius: 100px;\\\\n border: 1px solid var(--secondary-warning, #f19d38);\\\\n background: #f0e1ce;\\\\n`;\\\\nconst CandidateTagText = styled.p`\\\\n color: var(--secondary-warning, #f19d38);\\\\n font-size: 10px;\\\\n font-weight: 500;\\\\n line-height: 120%;\\\\n margin: 0px;\\\\n`;\\\\nconst CandidateTime = styled.p`\\\\n margin: 0px;\\\\n color: var(--primary-828688, #828688);\\\\n font-size: 10px;\\\\n font-weight: 500;\\\\n line-height: 120%;\\\\n`;\\\\nconst DeclarationCard = styled.div`\\\\n display: flex;\\\\n padding: 16px 12px;\\\\n align-items: center;\\\\n gap: 12px;\\\\n align-self: stretch;\\\\n border-radius: 6px;\\\\n background: #fff;\\\\n`;\\\\nconst DeclarationContent = styled.div`\\\\n display: flex;\\\\n flex-direction: column;\\\\n justify-content: center;\\\\n align-items: flex-start;\\\\n gap: 4px;\\\\n width: 100%;\\\\n`;\\\\nconst DeclarationHeader = styled.div`\\\\n display: flex;\\\\n align-items: center;\\\\n gap: 12px;\\\\n align-self: stretch;\\\\n`;\\\\nconst DeclarationHeaderText = styled.p`\\\\n color: #000;\\\\n font-size: 12px;\\\\n font-weight: 800;\\\\n line-height: 120%;\\\\n margin-bottom: 0;\\\\n`;\\\\nconst DeclarationInfo = styled.div`\\\\n display: flex;\\\\n padding: 8px 0px;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 16px;\\\\n border-radius: 8px;\\\\n background: #fff;\\\\n`;\\\\nconst DeclarationDescription = styled.p`\\\\n color: var(--primary-828688, #828688);\\\\n font-size: 12px;\\\\n line-height: 130%;\\\\n text-align: justify;\\\\n`;\\\\nconst DeclarationImage = styled.img`\\\\n height: 234px;\\\\n`;\\\\nconst CommentSection = styled.div`\\\\n display: flex;\\\\n padding: 16px;\\\\n flex-direction: column;\\\\n align-items: flex-start;\\\\n gap: 12px;\\\\n border-radius: 10px;\\\\n background: #f8f8f9;\\\\n`;\\\\nconst CommentHeader = styled.div`\\\\n display: flex;\\\\n align-items: center;\\\\n justify-content: space-between;\\\\n gap: 20px;\\\\n`;\\\\nconst CommentHeaderText = styled.p`\\\\n color: var(--000000, #000);\\\\n font-size: 16px;\\\\n font-weight: 500;\\\\n line-height: 120%;\\\\n margin: 0px;\\\\n`;\\\\nconst SortButtonDiv = styled.button`\\\\n display: flex;\\\\n width: 20px;\\\\n height: 20px;\\\\n padding: 2px 12px;\\\\n justify-content: center;\\\\n align-items: center;\\\\n gap: 6px;\\\\n flex-shrink: 0;\\\\n border-radius: 4px;\\\\n background: var(\\\\n --buttons-gradient-default,\\\\n linear-gradient(90deg, #9333ea 0%, #4f46e5 100%)\\\\n );\\\\n`;\\\\nconst SortIcon = styled.img`\\\\n width: 14px;\\\\n height: 14px;\\\\n flex-shrink: 0;\\\\n`;\\\\n\\\\nconst CommentButtonDisabled = styled.div`\\\\n cursor: pointer;\\\\n display: flex;\\\\n padding: 2px 12px;\\\\n align-items: center;\\\\n gap: 6px;\\\\n align-self: stretch;\\\\n border-radius: 4px;\\\\n background: var(--buttons-disable, #c3cace);\\\\n cursor: default !important;\\\\n`;\\\\n\\\\nconst CommentButton = styled.div`\\\\n cursor: pointer;\\\\n display: flex;\\\\n padding: 2px 12px;\\\\n align-items: center;\\\\n gap: 6px;\\\\n align-self: stretch;\\\\n border-radius: 4px;\\\\n background: var(--buttons-yellow-default, #ffd50d);\\\\n`;\\\\n\\\\nconst CommentText = styled.p`\\\\n color: var(--primary-black, #000);\\\\n font-size: 12px;\\\\n font-weight: 500;\\\\n line-height: 24px;\\\\n margin: 0px;\\\\n`;\\\\n\\\\nif (!data) return <Loader />;\\\\n\\\\nconst candidateProps = data.nominations;\\\\nif (!candidateProps) return <Loader />;\\\\n\\\\nconst comments = data.comments[0] ? data.comments[0].comments : [];\\\\nconst afilations = JSON.parse(candidateProps.afiliation);\\\\nif (!afilations) return <Loader />;\\\\n\\\\nconst afilationsSort = afilations.sort(\\\\n (a, b) => parseInt(b.end_date) - parseInt(a.end_date)\\\\n);\\\\n\\\\nconst issues = [\\\\n {\\\\n description: candidateProps.HAYInvolve,\\\\n title:\\\\n \\\\\\\"How are you involved with the NEAR ecosystem? Why are you a qualified candidate? Why should people vote for you?\\\\\\\",\\\\n },\\\\n {\\\\n description: candidateProps.WIYStrategy,\\\\n title: \\\\\\\"What is your strategy to develop the NEAR ecosystem?\\\\\\\",\\\\n },\\\\n {\\\\n description: candidateProps.Key_Issue_1,\\\\n title:\\\\n \\\\\\\"What\\\\u{2019}s your view and pledge on the issue of User Experience and Accessibility? This issue focuses on improving the user experience, developing the social layer, enhancing the developer experience, and making the Near platform accessible to all users, including those with little technical expertise. It also explores how Near can evoke positive emotions in its users.\\\\\\\",\\\\n },\\\\n {\\\\n description: candidateProps.Key_Issue_2,\\\\n title:\\\\n \\\\\\\"What\\\\u{2019}s your view and pledge on the issue of Economic Growth and Innovation? This issue emphasizes the need for economic growth within the NDC, the development of DeFi capabilities, the establishment of fiat ramps, and the support for founders, developers, creators, and builders. It also stresses the importance of launching useful products on the Near mainnet.\\\\\\\",\\\\n },\\\\n {\\\\n description: candidateProps.Key_Issue_3,\\\\n title:\\\\n \\\\\\\"What\\\\u{2019}s your view and pledge on the issue of Marketing and Outreach? This issue underscores the importance of marketing to make NEAR a household name, conducting research, participating in conferences and hackathons, integrating with Web 2.0 platforms, and promoting Near as a hub of innovation.\\\\\\\",\\\\n },\\\\n { description: candidateProps.addition_platform, title: \\\\\\\"Other Platform\\\\\\\" },\\\\n];\\\\n\\\\nconst houseMapping = {\\\\n HouseOfMerit: 1,\\\\n CouncilOfAdvisors: 2,\\\\n TransparencyCommission: 3,\\\\n};\\\\n\\\\nreturn (\\\\n <DetailContent>\\\\n <DetailCard className=\\\\\\\"w-100 justify-content-center\\\\\\\">\\\\n <DetailHeader className=\\\\\\\"w-100\\\\\\\">\\\\n <Widget\\\\n src=\\\\\\\"mob.near/widget/ProfileImage\\\\\\\"\\\\n props={{\\\\n accountId,\\\\n imageClassName: \\\\\\\"rounded-circle w-100 h-100\\\\\\\",\\\\n style: { width: \\\\\\\"70px\\\\\\\", height: \\\\\\\"70px\\\\\\\" },\\\\n }}\\\\n />\\\\n <HeaderDetailContent>\\\\n <TagContainer>\\\\n <HouseTagDiv>\\\\n <HouseTagText style={{ \\\\\\\"font-size\\\\\\\": \\\\\\\"10px\\\\\\\" }}>\\\\n {props.house == \\\\\\\"HouseOfMerit\\\\\\\"\\\\n ? \\\\\\\"House of Merit\\\\\\\"\\\\n : props.house == \\\\\\\"CouncilOfAdvisors\\\\\\\"\\\\n ? \\\\\\\"Council of Advisors\\\\\\\"\\\\n : \\\\\\\"Transparency Commission\\\\\\\"}\\\\n </HouseTagText>\\\\n </HouseTagDiv>\\\\n </TagContainer>\\\\n <NominationTitleContainer>\\\\n <UserLink\\\\n href={`https://near.org/near/widget/ProfilePage?accountId=${accountId}`}\\\\n >\\\\n <NominationTitle>{candidateProps.name}</NominationTitle>\\\\n <NominationUser>{accountId}</NominationUser>\\\\n </UserLink>\\\\n </NominationTitleContainer>\\\\n </HeaderDetailContent>\\\\n {data.nominations.video.length > 0 && (\\\\n <Widget\\\\n src={widgets.styledComponents}\\\\n props={{\\\\n Link: {\\\\n text: `Watch Video`,\\\\n className: \\\\\\\"primary dark\\\\\\\",\\\\n icon: <i class=\\\\\\\"bi bi-play-circle ml-2\\\\\\\"></i>,\\\\n href: data.nominations.video,\\\\n },\\\\n }}\\\\n />\\\\n )}\\\\n <Widget\\\\n src={widgets.styledComponents}\\\\n props={{\\\\n Link: {\\\\n text: \\\\\\\"Vote Now\\\\\\\",\\\\n disabled:\\\\n !context.accountId ||\\\\n !state.verified ||\\\\n context.accountId === accountId,\\\\n className: \\\\\\\"primary dark\\\\\\\",\\\\n href: `#/election.ndctools.near/widget/NDC.Elections.Main?house=${houseMapping[house]}&candidates=[\\\\\\\"${accountId}\\\\\\\"]`,\\\\n icon: (\\\\n <img\\\\n style={{ \\\\\\\"margin-bottom\\\\\\\": \\\\\\\"5px\\\\\\\" }}\\\\n src=\\\\\\\"https://ipfs.near.social/ipfs/bafkreia4iqjdjqhwplrunkjvmri2c6egm2pmlt56f3n6qesmy5ofw27g3y\\\\\\\"\\\\n />\\\\n ),\\\\n },\\\\n }}\\\\n />\\\\n </DetailHeader>\\\\n\\\\n <TagContainer className=\\\\\\\"mt-2 flex-wrap\\\\\\\">\\\\n {candidateProps.tags\\\\n .trim()\\\\n .split(\\\\\\\",\\\\\\\")\\\\n .map((tag) => {\\\\n return tag && tag != \\\\\\\"\\\\\\\" ? (\\\\n <Widget\\\\n src={widgets.styledComponents}\\\\n props={{\\\\n Tag: { title: tag },\\\\n }}\\\\n />\\\\n ) : null;\\\\n })}\\\\n </TagContainer>\\\\n\\\\n <PlatformCard>\\\\n <PlatformContent>\\\\n <PlatformHeaderDiv>\\\\n <PlatformHeaderText>Platform</PlatformHeaderText>\\\\n </PlatformHeaderDiv>\\\\n <PlatformInfoDiv>\\\\n <PlatformInfoHeader>\\\\n <KeyIssueTitle>Key Issues and Candidate\\\\\\'s Position</KeyIssueTitle>\\\\n <HR></HR>\\\\n </PlatformInfoHeader>\\\\n {issues.map((issue, i) => (\\\\n <KeyIssuesContainer>\\\\n <KeyIssueTitle>{issue.title}</KeyIssueTitle>\\\\n <KeyIssueDescription>\\\\n <Widget\\\\n src=\\\\\\\"mob.near/widget/SocialMarkdown\\\\\\\"\\\\n props={{\\\\n text: issue.description,\\\\n }}\\\\n />\\\\n </KeyIssueDescription>\\\\n </KeyIssuesContainer>\\\\n ))}\\\\n </PlatformInfoDiv>\\\\n </PlatformContent>\\\\n </PlatformCard>\\\\n <CandidateCard>\\\\n <CandidateContent>\\\\n <CandidateHeader>\\\\n <PlatformHeaderText>Candidate Affiliations</PlatformHeaderText>\\\\n </CandidateHeader>\\\\n {afilationsSort.map((affiliation) => {\\\\n return (\\\\n <CandidateInfoDiv>\\\\n <CandidateInfoHeader>\\\\n <CandidateImage\\\\n src={\\\\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 ></CandidateImage>\\\\n <CandidateInfoData>\\\\n <Widget\\\\n src={widgets.styledComponents}\\\\n props={{\\\\n Tag: { title: affiliation.company_name },\\\\n }}\\\\n />\\\\n <CandidateTime>\\\\n {affiliation.start_date} - {affiliation.end_date}\\\\n </CandidateTime>\\\\n </CandidateInfoData>\\\\n </CandidateInfoHeader>\\\\n <KeyIssuesContainer>\\\\n <KeyIssueTitle>Role Description</KeyIssueTitle>\\\\n <KeyIssueDescription>\\\\n <Widget\\\\n src=\\\\\\\"mob.near/widget/SocialMarkdown\\\\\\\"\\\\n props={{\\\\n text: affiliation.role,\\\\n }}\\\\n />\\\\n </KeyIssueDescription>\\\\n </KeyIssuesContainer>\\\\n </CandidateInfoDiv>\\\\n );\\\\n })}\\\\n </CandidateContent>\\\\n </CandidateCard>\\\\n <DeclarationCard>\\\\n <DeclarationContent>\\\\n <DeclarationHeader className=\\\\\\\"d-flex justify-content-between\\\\\\\">\\\\n <DeclarationHeaderText>\\\\n Declaration of Transparency and Accountability\\\\n </DeclarationHeaderText>\\\\n <Widget\\\\n src={widgets.styledComponents}\\\\n props={{\\\\n Button: {\\\\n text: \\\\\\\"View\\\\\\\",\\\\n size: \\\\\\\"sm\\\\\\\",\\\\n disabled: !state.verified,\\\\n className: \\\\\\\"secondary dark justify-content-center\\\\\\\",\\\\n onClick: () =>\\\\n State.update({ showDeclaration: !state.showDeclaration }),\\\\n icon: <i className=\\\\\\\"bi bi-eye\\\\\\\"></i>,\\\\n },\\\\n }}\\\\n />\\\\n </DeclarationHeader>\\\\n {state.showDeclaration && (\\\\n <DeclarationInfo>\\\\n <DeclarationDescription>\\\\n I hereby declare my unwavering commitment to transparency,\\\\n accountability, and the resolution of critical ecosystem\\\\n challenges as a candidate seeking election to the NEAR Digital\\\\n Collective. It is my utmost goal to instill faith and prosperity\\\\n in our ecosystem. In the event of my election, I pledge to\\\\n support and promote the operation and development of the NEAR\\\\n Digital Collective.\\\\n <br />\\\\n <br />\\\\n Transparency stands as the cornerstone of a thriving governance\\\\n framework and as a candidate, I strongly believe in leading by\\\\n example. I vow to disclose comprehensive information about my\\\\n previous affiliations, partnerships, and associations that may\\\\n influence my decision-making or impact the public interest. This\\\\n includes openly sharing any conflicts of interest, financial\\\\n relationships, or external influences that could compromise my\\\\n ability to serve with impartiality and integrity.\\\\n <br />\\\\n <br />\\\\n Moreover, I fully recognize the numerous challenges that our\\\\n NEAR ecosystem currently faces, demanding immediate attention\\\\n and effective solutions. As a responsible candidate, I am deeply\\\\n committed to identifying, addressing, and resolving these issues\\\\n to the best of my abilities. I acknowledge the gravity of these\\\\n problems and understand that superficial fixes and empty\\\\n promises are insufficient. Therefore, I pledge to conduct\\\\n thorough research, seek input from experts, and engage with\\\\n stakeholders to devise sustainable, equitable strategies. In the\\\\n event of my election, my top priorities will be focused on\\\\n addressing critical ecosystem challenges.\\\\n <br />\\\\n <br />\\\\n I recognize that vote buying is considered a harmful practice\\\\n because it undermines the fundamental principles of democracy\\\\n and fair elections. Vote buying manipulates and influences\\\\n voters by offering financial incentives or other material\\\\n benefits in exchange for their votes. This undermines the free\\\\n will and independent decision-making of individuals, as their\\\\n choices become influenced solely by personal gain rather than\\\\n informed judgment or shared values. Vote buying distorts the\\\\n true preferences and opinions of the electorate, and reinforces\\\\n inequality. Finally vote buying erodes trust and confidence. By\\\\n engaging in vote buying, candidates and political actors are\\\\n more likely to prioritize the interests of those who provided\\\\n financial support over the interests of the wider public. This\\\\n diminishes accountability and weakens the democratic principle\\\\n of serving the common good. I promise that I will not engage in\\\\n this and other nefarious acts during the election process.\\\\n <br />\\\\n <br />I recognize that this declaration is not merely a symbolic\\\\n gesture, but a solemn commitment to the NEAR ecosystem. I\\\\n understand the weight of the expectations. I pledge to honor the\\\\n trust placed in me with unwavering dedication, determination,\\\\n and integrity. Through this declaration, I affirm my commitment\\\\n to transparency, accountability, and the resolve to actualize my\\\\n pledges to the best of my abilities if elected. Together, let us\\\\n embark on a journey towards a brighter future of the NEAR\\\\n ecosystem.\\\\n </DeclarationDescription>\\\\n </DeclarationInfo>\\\\n )}\\\\n </DeclarationContent>\\\\n </DeclarationCard>\\\\n </DetailCard>\\\\n <CommentSection className=\\\\\\\"w-100\\\\\\\">\\\\n {state.showModal && (\\\\n <Widget\\\\n src={widgets.addComment}\\\\n props={{\\\\n candidateOrReplay: true,\\\\n username: accountId,\\\\n onClickConfirm: () => State.update({ showModal: false }),\\\\n onClickCancel: () => State.update({ showModal: false }),\\\\n nomination_contract,\\\\n }}\\\\n />\\\\n )}\\\\n <CommentHeader className=\\\\\\\"w-100\\\\\\\">\\\\n <CommentHeaderText>Comments</CommentHeaderText>\\\\n <Widget\\\\n src={widgets.styledComponents}\\\\n props={{\\\\n Button: {\\\\n text: \\\\\\\"Add a Comment\\\\\\\",\\\\n size: \\\\\\\"sm\\\\\\\",\\\\n disabled: true,\\\\n className: \\\\\\\"primary justify-content-center\\\\\\\",\\\\n onClick: () => State.update({ showModal: true }),\\\\n icon: <i className=\\\\\\\"bi bi-plus-lg\\\\\\\"></i>,\\\\n },\\\\n }}\\\\n />\\\\n </CommentHeader>\\\\n {comments\\\\n .map((data) => {\\\\n return (\\\\n <Widget\\\\n props={{ data, nomination_contract }}\\\\n src={widgets.comment}\\\\n />\\\\n );\\\\n })\\\\n .reverse()}\\\\n </CommentSection>\\\\n </DetailContent>\\\\n);\\\\n" |