From f5ca363901b1c8703e8b2faf5874b8453c597f71 Mon Sep 17 00:00:00 2001
From: isaac <isaac@audius.co>
Date: Mon, 6 May 2024 11:19:17 -0700
Subject: [PATCH 1/2] Remove available to claim label

---
 .../ChallengeRewardsModal.tsx                 | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/web/src/pages/audio-rewards-page/components/modals/ChallengeRewardsModal/ChallengeRewardsModal.tsx b/packages/web/src/pages/audio-rewards-page/components/modals/ChallengeRewardsModal/ChallengeRewardsModal.tsx
index 678929f2b92..e3f3be9291a 100644
--- a/packages/web/src/pages/audio-rewards-page/components/modals/ChallengeRewardsModal/ChallengeRewardsModal.tsx
+++ b/packages/web/src/pages/audio-rewards-page/components/modals/ChallengeRewardsModal/ChallengeRewardsModal.tsx
@@ -485,19 +485,14 @@ const ChallengeRewardsBody = ({ dismissModal }: BodyProps) => {
   const renderClaimButton = () => {
     if (audioToClaim > 0) {
       return (
-        <>
-          <div className={styles.claimRewardAmountLabel}>
-            {`${audioToClaim} ${messages.claimAmountLabel}`}
-          </div>
-          <Button
-            variant='primary'
-            isLoading={claimInProgress}
-            iconRight={IconCheck}
-            onClick={onClaimRewardClicked}
-          >
-            {messages.claimYourReward}
-          </Button>
-        </>
+        <Button
+          variant='primary'
+          isLoading={claimInProgress}
+          iconRight={IconCheck}
+          onClick={onClaimRewardClicked}
+        >
+          {messages.claimYourReward}
+        </Button>
       )
     }
     return null
@@ -582,6 +577,11 @@ const ChallengeRewardsBody = ({ dismissModal }: BodyProps) => {
         {audioToClaim > 0 ||
         (audioClaimedSoFar > 0 && challenge?.state !== 'disbursed') ? (
           <div className={wm(styles.claimRewardWrapper)}>
+            {!isRewardsCooldownEnabled ? (
+              <div className={styles.claimRewardAmountLabel}>
+                {`${audioToClaim} ${messages.claimAmountLabel}`}
+              </div>
+            ) : null}
             {renderClaimButton()}
             {renderClaimedSoFarContent()}
           </div>

From a84ef2cf187807e703fbb01e2f5eab22713b29ed Mon Sep 17 00:00:00 2001
From: isaac <isaac@audius.co>
Date: Mon, 6 May 2024 11:24:21 -0700
Subject: [PATCH 2/2] fix butotn

---
 .../modals/ChallengeRewardsModal/ChallengeRewardsModal.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/pages/audio-rewards-page/components/modals/ChallengeRewardsModal/ChallengeRewardsModal.tsx b/packages/web/src/pages/audio-rewards-page/components/modals/ChallengeRewardsModal/ChallengeRewardsModal.tsx
index e3f3be9291a..172b2f2e88c 100644
--- a/packages/web/src/pages/audio-rewards-page/components/modals/ChallengeRewardsModal/ChallengeRewardsModal.tsx
+++ b/packages/web/src/pages/audio-rewards-page/components/modals/ChallengeRewardsModal/ChallengeRewardsModal.tsx
@@ -107,7 +107,7 @@ const messages = {
     'Something has gone wrong, not all your rewards were claimed. Please try again or contact support@audius.co.',
   claimErrorAAO:
     'Your account is unable to claim rewards at this time. Please try again later or contact support@audius.co. ',
-  claimYourReward: 'Claim This Reward',
+  claimableAmountLabel: (amount: number) => `Claim $${amount} AUDIO`,
   twitterShare: (modalType: 'referrals' | 'ref-v') =>
     `Share Invite With Your ${modalType === 'referrals' ? 'Friends' : 'Fans'}`,
   twitterCopy: `Come support me on @audius! Use my link and we both earn $AUDIO when you sign up.\n\n #audius #audiorewards\n\n`,
@@ -491,7 +491,7 @@ const ChallengeRewardsBody = ({ dismissModal }: BodyProps) => {
           iconRight={IconCheck}
           onClick={onClaimRewardClicked}
         >
-          {messages.claimYourReward}
+          {messages.claimableAmountLabel(audioToClaim)}
         </Button>
       )
     }