From 025ab1a795c405950d25cc437dc3da924b83724f Mon Sep 17 00:00:00 2001
From: Megha-Dev-19 <100185149+Megha-Dev-19@users.noreply.github.com>
Date: Wed, 6 Sep 2023 22:52:50 +0530
Subject: [PATCH] UI update for Elections (#209)

---
 src/components/common/ProgressTracker.jsx | 8 +++++++-
 src/pages/Activate.jsx                    | 4 +++-
 src/utils/constants.js                    | 2 ++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/common/ProgressTracker.jsx b/src/components/common/ProgressTracker.jsx
index acbb1a5..898a891 100644
--- 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
index cb341e5..b24422d 100644
--- 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
index 958367d..72ffe58 100644
--- 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 = {