Activate Page UI update (#221)

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>
           )}

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}

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 = {