Hide the more info button when the rewards sidenav is closed

hermeznetwork · Jun 21, 2021 · 80a4290 · 80a4290
1 parent b09241e
commit 80a4290
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/views/my-account/components/rewards-card/rewards-card.styles.js b/src/views/my-account/components/rewards-card/rewards-card.styles.js
@@ -14,7 +14,8 @@ const useRewardsCardStyles = createUseStyles((theme) => ({
     justifyContent: 'space-between',
     paddingBottom: theme.spacing(1.25),
     marginBottom: theme.spacing(1),
-    color: theme.palette.grey.light
+    color: theme.palette.grey.light,
+    minHeight: 44
   },
   cardHeading: {
     [theme.breakpoints.upSm]: {

diff --git a/src/views/my-account/components/rewards-card/rewards-card.view.jsx b/src/views/my-account/components/rewards-card/rewards-card.view.jsx
@@ -5,6 +5,7 @@ import { CurrencySymbol, getTokenAmountInPreferredCurrency } from '../../../../u
 import { getFormattedEarnedReward, getFormattedPercentage } from '../../../../utils/rewards'
 
 function RewardsCard ({
+  rewardSidenav,
   rewardTask,
   earnedRewardTask,
   rewardPercentageTask,
@@ -66,9 +67,13 @@ function RewardsCard ({
     <div className={classes.root}>
       <div className={classes.cardHeader}>
         <h3 className={classes.cardHeading}>Your earnings</h3>
-        <button className={classes.moreInfoButton} onClick={onOpenRewardsSidenav}>
-          More info
-        </button>
+        {
+          rewardSidenav.status === 'closed' && (
+            <button className={classes.moreInfoButton} onClick={onOpenRewardsSidenav}>
+              More info
+            </button>
+          )
+        }
       </div>
       {
         (() => {

diff --git a/src/views/my-account/my-account.view.jsx b/src/views/my-account/my-account.view.jsx
@@ -100,6 +100,7 @@ function MyAccount ({
             hasRewardStarted(rewards.rewardTask.data) && (
               <div className={classes.rewardsCard}>
                 <RewardsCard
+                  rewardSidenav={rewards.sidenav}
                   rewardTask={rewards.rewardTask}
                   earnedRewardTask={rewards.earnedRewardTask}
                   rewardPercentageTask={rewards.rewardPercentageTask}