Adjust claim card

galacticcouncil · Dec 23, 2024 · 2ce2965 · 2ce2965
1 parent c5f705f
commit 2ce2965
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 31 deletions.
diff --git a/src/i18n/locales/en/translations.json b/src/i18n/locales/en/translations.json
@@ -730,7 +730,6 @@
   "farms.claimCard.button.label": "Claim all",
   "farms.claimCard.claim.asset": "{{num}}{{denom}} {{symbol}}",
   "farms.claimCard.claim.usd": "Total of ≈ <0/>",
-  "farms.claimCard.claim.diffRewards": "Locked rewards ≈ <0/>",
   "farms.claimCard.toast.onLoading": "<0>Claiming farm rewards for </0>",
   "farms.claimCard.toast.onSuccess": "<0>Farm rewards claimed for </0>",
   "farms.claimCard.toast.asset": "<1>{{num}}{{denom}} {{symbol}}</1>.",

diff --git a/src/sections/pools/farms/components/claimAllDropdown/ClaimAllContent.tsx b/src/sections/pools/farms/components/claimAllDropdown/ClaimAllContent.tsx
@@ -36,7 +36,7 @@ export const ClaimAllContent = forwardRef<HTMLDivElement, Props>(
         )
       : []
 
-    const { claimableTotal, claimableAssetValues, diffRewards } =
+    const { claimableTotal, claimableAssetValues } =
       useSummarizeClaimableValues(claimableValues)
 
     const claimableAssets = Object.keys(claimableAssetValues ?? {}).map(
@@ -101,25 +101,12 @@ export const ClaimAllContent = forwardRef<HTMLDivElement, Props>(
               </div>
             ))}
 
-            <Text fs={14} sx={{ mt: 6 }}>
+            <Text fs={14} sx={{ mt: 6, mb: 24 }}>
               <Trans t={t} i18nKey="farms.claimCard.claim.usd">
                 <DisplayValue value={BigNumber(claimableTotal)} />
               </Trans>
             </Text>
 
-            <Text
-              fs={14}
-              sx={{ py: 8, mt: 8, mb: 10 }}
-              fw={300}
-              css={{
-                borderTop: `1px solid rgba(${theme.rgbColors.white}, 0.06)`,
-              }}
-            >
-              <Trans t={t} i18nKey="farms.claimCard.claim.diffRewards">
-                <DisplayValue value={BigNumber(diffRewards)} />
-              </Trans>
-            </Text>
-
             <SClaimButton
               disabled={
                 !claimableValues ||

diff --git a/src/sections/pools/farms/components/claimableCard/ClaimRewardsCard.tsx b/src/sections/pools/farms/components/claimableCard/ClaimRewardsCard.tsx
@@ -42,8 +42,9 @@ export const ClaimRewardsCard = (props: {
       )
     : poolClaimableValues
 
-  const { claimableTotal, diffRewards, claimableAssetValues } =
-    useSummarizeClaimableValues(claimableDepositValues ?? [])
+  const { claimableTotal, claimableAssetValues } = useSummarizeClaimableValues(
+    claimableDepositValues ?? [],
+  )
 
   const { claimableAssets, toastValue } = useMemo(() => {
     const claimableAssets = []
@@ -145,19 +146,6 @@ export const ClaimRewardsCard = (props: {
               <DisplayValue value={BN(claimableTotal)} />
             </Trans>
           </Text>
-
-          <Text
-            fs={14}
-            sx={{ py: 8, mt: 8, mb: 10 }}
-            fw={300}
-            css={{
-              borderTop: `1px solid rgba(${theme.rgbColors.white}, 0.06)`,
-            }}
-          >
-            <Trans t={t} i18nKey="farms.claimCard.claim.diffRewards">
-              <DisplayValue value={BN(diffRewards)} />
-            </Trans>
-          </Text>
         </div>
         <div sx={{ flex: "column", gap: 12, width: ["100%", 275] }}>
           <Button