add: link to ambire.com in walletokenmodal info

AmbireTech · Jul 22, 2024 · 8615e03 · 8615e03
1 parent 4ba9586
commit 8615e03
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/src/components/Modals/WalletTokenModal/WalletTokenModal.js b/src/components/Modals/WalletTokenModal/WalletTokenModal.js
@@ -73,9 +73,12 @@ const WalletTokenModal = ({ accountId, claimableWalletToken, rewards, network })
         <InfoIcon className={styles.rewardsDisabledIcon} />
         <p className={styles.rewardsDisabledText}>
           {' '}
-          We are preparing for the public launch of our browser extension. Following a recent
-          governance vote, early users $WALLET rewards are no longer available in the Web and Mobile
-          versions of Ambire Wallet.
+          We are preparing for the public launch of{' '}
+          <a href="https://www.ambire.com/" target="_blank" rel="noreferrer">
+            our browser extension
+          </a>
+          . Following a recent governance vote, early users $WALLET rewards are no longer available
+          in the Web and Mobile versions of Ambire Wallet.
         </p>
         <a
           className={styles.rewardsDisabledLink}

diff --git a/src/components/Modals/WalletTokenModal/WalletTokenModal.module.scss b/src/components/Modals/WalletTokenModal/WalletTokenModal.module.scss
@@ -30,6 +30,15 @@
       vertical-align: middle;
       font-weight: 500;
       line-height: 1.25rem;
+
+      a {
+        color: $ambire-purple;
+        transition: $basic-transition;
+
+        &:hover {
+          opacity: .6;
+        }
+      }
     }
     .rewardsDisabledLink {
       display: block;