Merge pull request #210 from near-ndc/develop

UI update for Elections (#209)
near-ndc · Sep 8, 2023 · 8d75774 · 8d75774
2 parents 39dc6de + 025ab1a
commit 8d75774
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/components/common/ProgressTracker.jsx b/src/components/common/ProgressTracker.jsx
@@ -126,8 +126,14 @@ const ProgressTracker = () => {
                 clipPath: `polygon(0 0, 100% 0, calc(100% - ${getClipPercentage()}%) 100%, 0% 100%)`,
               }}
             ></div>
-            <h2 className="relative flex h-full justify-center items-center z-10 font-bold">
+            <h2 className="px-1 md:px-0 relative flex gap-3 h-full justify-center items-center z-10 font-bold">
               JOIN {humansRegistered} HUMANS TO REACH {ReadableNumber} VOTERS
+              <button
+                className="text-xs md:text-sm rounded-md border border-transparent bg-gradient-to-r from-purple-600 to-indigo-600 bg-origin-border px-1 md:px-3 py-1 text-base font-medium text-white shadow-sm hover:from-purple-700 hover:to-indigo-700 "
+                onClick={() => window.open(Links.ELECTIONS, '_blank')}
+              >
+                Vote Now
+              </button>
             </h2>
           </div>
           <div className="p-2 w-full bg-gradient-to-r from-purple-600 to-indigo-600">

diff --git a/src/pages/Activate.jsx b/src/pages/Activate.jsx
@@ -77,9 +77,11 @@ const ActivatePage = () => {
           />
           <ImageTextBlock
             imageSrc={ImageSrc.NDCLogo}
-            isAvailable={false}
+            isAvailable={true}
+            onClick={() => window.open(Links.ELECTIONS, '_blank')}
             title="NEAR General Election"
             description="The NDC is launching the inaugural ecosystem wide General Election to enable decentralized governance on-chain. #Vote in the September 8th General Election and mint your “I Voted” reputation Soul Bound Token!"
+            buttonText="Vote Now"
           />
           <ImageTextBlock
             imageSrc={ImageSrc.NDCKudos}

diff --git a/src/utils/constants.js b/src/utils/constants.js
@@ -120,6 +120,8 @@ export const Links = {
     'https://medium.com/@neardigitalcollective/introducing-ndc-whistleblower-bounty-program-d4fe1b9fc5a0',
   FAIR_VOTING_POLICY:
     'https://bafkreidwdxocdkfsv6srynw7ipnogfuw76fzncmxd5jv7furbsn5cp4bz4.ipfs.nftstorage.link/',
+  ELECTIONS:
+    'https://near.org/election.ndctools.near/widget/NDC.Elections.Main',
 };
 
 export const AccountFlag = {