From 2ceae25afdaff694f6d42aa44f57ceb8cfe3479a Mon Sep 17 00:00:00 2001
From: Megha-Dev-19 <100185149+Megha-Dev-19@users.noreply.github.com>
Date: Tue, 26 Sep 2023 19:28:36 +0530
Subject: [PATCH] Activate Page UI update (#221)

---
 src/components/common/ImageTextBlock.jsx | 5 ++++-
 src/pages/Activate.jsx                   | 3 +++
 src/utils/constants.js                   | 3 +++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/common/ImageTextBlock.jsx b/src/components/common/ImageTextBlock.jsx
index 659e81a..a270058 100644
--- a/src/components/common/ImageTextBlock.jsx
+++ b/src/components/common/ImageTextBlock.jsx
@@ -24,7 +24,10 @@ const ImageTextBlock = ({
               <p className="text-sm">{buttonText ?? 'Apply Now'}</p>
             </PrimaryButton>
           ) : (
-            <OutlineButton classes="cursor-auto">
+            <OutlineButton
+              classes={!onClick && 'cursor-auto'}
+              onClick={onClick}
+            >
               <p className="text-sm">{buttonText ?? 'Coming Soon'}</p>
             </OutlineButton>
           )}
diff --git a/src/pages/Activate.jsx b/src/pages/Activate.jsx
index 52c9af4..52138b0 100644
--- a/src/pages/Activate.jsx
+++ b/src/pages/Activate.jsx
@@ -41,12 +41,14 @@ const ActivatePage = () => {
             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="Closed"
+            onClick={() => window.open(Links.ELECTIONS, '_blank')}
           />
           <ImageTextBlock
             imageSrc={ImageSrc.NDCLogo}
             title="NDC Nomination"
             description="Are you a dedicated OG member of the NEAR community? Nominate yourself for a seat in the NDC General Election. Realize your vision to grow the NEAR ecosystem. Verified humans, comment and upvote on your favorite candidates."
             buttonText="Closed"
+            onClick={() => window.open(Links.NOMINATIONS, '_blank')}
           />
           <ImageTextBlock
             imageSrc={ImageSrc.NDCPoll}
@@ -97,6 +99,7 @@ const ActivatePage = () => {
             title="Astra++"
             description="Astra++ is a comprehensive suite of DAO tooling that makes possible for any DAO to easily self-manage and grow its membership, and filling a void left by AstroDAO."
             buttonText="Coming Soon"
+            onClick={() => window.open(Links.ASTRA, '_blank')}
           />
           <ImageTextBlock
             imageSrc={ImageSrc.CommunityFund}
diff --git a/src/utils/constants.js b/src/utils/constants.js
index c5987c0..2da3337 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -124,6 +124,9 @@ export const Links = {
     'https://bafkreidwdxocdkfsv6srynw7ipnogfuw76fzncmxd5jv7furbsn5cp4bz4.ipfs.nftstorage.link/',
   ELECTIONS:
     'https://near.org/election.ndctools.near/widget/NDC.Elections.Main',
+  NOMINATIONS:
+    'https://near.org/nomination.ndctools.near/widget/NDC.Nomination.Page',
+  ASTRA: 'https://near.org/astraplusplus.ndctools.near/widget/home?page=daos',
 };
 
 export const AccountFlag = {