From 895fbeb5739617a3c10ae2781f9d44e531fa1a4d Mon Sep 17 00:00:00 2001
From: Bill He <bill@dydx.exchange>
Date: Fri, 29 Sep 2023 16:12:28 -0400
Subject: [PATCH] address comments

---
 src/pages/rewards/RewardsPage.tsx | 18 ++++++++++--------
 src/views/dialogs/KeplrDialog.tsx |  8 ++++++--
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/pages/rewards/RewardsPage.tsx b/src/pages/rewards/RewardsPage.tsx
index 6777f34..71b69e5 100644
--- a/src/pages/rewards/RewardsPage.tsx
+++ b/src/pages/rewards/RewardsPage.tsx
@@ -3,7 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import { CLIENT_NETWORK_CONFIGS } from '@/constants/networks';
 import { STRING_KEYS } from '@/constants/localization';
-import { ButtonAction, ButtonSize, ButtonType } from '@/constants/buttons';
+import { ButtonAction, ButtonSize, ButtonState, ButtonType } from '@/constants/buttons';
 import { DialogTypes } from '@/constants/dialogs';
 import { breakpoints } from '@/styles';
 
@@ -48,7 +48,7 @@ export const RewardsPage = () => {
   const MIGRATE_HELP_URL = 'https://help.dydx.exchange/';
   const GOVERNANCE_HELP_URL = 'https://help.dydx.exchange/';
   const STAKING_HELP_URL = 'https://help.dydx.exchange/';
-  const BRIDGE_URL = 'https://bridge.dydx.exchange/';
+  // const BRIDGE_URL = 'https://bridge.dydx.exchange/';
 
   return (
     <Styled.Page>
@@ -76,8 +76,8 @@ export const RewardsPage = () => {
               </div>
               <Button
                 action={tokenBalance ? ButtonAction.Primary : ButtonAction.Base}
-                type={ButtonType.Link}
-                href={BRIDGE_URL}
+                // type={ButtonType.Link}
+                // href={BRIDGE_URL}
                 disabled
               >
                 {tokenBalance
@@ -117,8 +117,6 @@ export const RewardsPage = () => {
           >
             <Button
               action={tokenBalance ? ButtonAction.Primary : ButtonAction.Base}
-              type={ButtonType.Link}
-              href={BRIDGE_URL}
               size={ButtonSize.Medium}
               disabled
             >
@@ -151,7 +149,7 @@ export const RewardsPage = () => {
                 {stringGetter({ key: STRING_KEYS.LEARN_MORE })} →
               </Link>
             </Styled.Description>
-            <IconButton
+            <Styled.IconButton
               action={ButtonAction.Base}
               iconName={IconName.Arrow}
               onClick={() => dispatch(openDialog({ type: DialogTypes.Keplr }))}
@@ -168,7 +166,7 @@ export const RewardsPage = () => {
               {stringGetter({ key: STRING_KEYS.STAKING_DESCRIPTION })}
               <Link href={STAKING_HELP_URL}>{stringGetter({ key: STRING_KEYS.LEARN_MORE })} →</Link>
             </Styled.Description>
-            <IconButton
+            <Styled.IconButton
               action={ButtonAction.Base}
               iconName={IconName.Arrow}
               onClick={() => dispatch(openDialog({ type: DialogTypes.Keplr }))}
@@ -324,3 +322,7 @@ Styled.LearnMore = styled(Styled.Description)`
   ${layoutMixins.row}
   gap: 1ch;
 `;
+
+Styled.IconButton = styled(IconButton)`
+  color: var(--color-text-0);
+`;
\ No newline at end of file
diff --git a/src/views/dialogs/KeplrDialog.tsx b/src/views/dialogs/KeplrDialog.tsx
index 1cfbd26..ab81f6e 100644
--- a/src/views/dialogs/KeplrDialog.tsx
+++ b/src/views/dialogs/KeplrDialog.tsx
@@ -41,7 +41,7 @@ export const KeplrDialog = ({ setIsOpen }: ElementProps) => {
             })}
           </span>
 
-          <IconButton
+          <Styled.IconButton
             action={ButtonAction.Base}
             iconName={IconName.Arrow}
             size={ButtonSize.XSmall}
@@ -58,7 +58,7 @@ export const KeplrDialog = ({ setIsOpen }: ElementProps) => {
             })}
           </span>
 
-          <IconButton
+          <Styled.IconButton
             action={ButtonAction.Base}
             iconName={IconName.Arrow}
             size={ButtonSize.XSmall}
@@ -101,3 +101,7 @@ Styled.Button = styled(Button)`
 
   justify-content: space-between;
 `;
+
+Styled.IconButton = styled(IconButton)`
+  color: var(--color-text-0);
+`;