fix: elena reviews

bleu · Oct 7, 2024 · 27146a1 · 27146a1
1 parent 89e2261
commit 27146a1
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/apps/claim-vesting/src/app/page.tsx b/apps/claim-vesting/src/app/page.tsx
@@ -52,6 +52,7 @@ export default function Page() {
   const {
     errorMessage,
     formattedClaimableAmount,
+    formattedClaimableAmountFullDecimals,
     tokenSymbol,
     loading,
     callData,
@@ -89,7 +90,7 @@ export default function Page() {
               <div className="flex flex-col w-full">
                 <ClaimableAmountContainer>
                   <span>Claimable amount</span>
-                  <span>
+                  <span title={formattedClaimableAmountFullDecimals}>
                     {formattedClaimableAmount} {tokenSymbol && tokenSymbol}
                   </span>
                 </ClaimableAmountContainer>

diff --git a/apps/claim-vesting/src/hooks/useClaimVestingData.ts b/apps/claim-vesting/src/hooks/useClaimVestingData.ts
@@ -30,6 +30,7 @@ export const useClaimVestingData = ({
 }: useClaimVestingDataParams): {
   errorMessage: string | undefined;
   formattedClaimableAmount: string;
+  formattedClaimableAmountFullDecimals: string;
   tokenSymbol: string;
   loading: boolean;
   callData: string | undefined;
@@ -97,6 +98,16 @@ export const useClaimVestingData = ({
           0.000001
         )
       : "0.0";
+  const formattedClaimableAmountFullDecimals =
+    recipient === account && claimableAmountWei && decimals
+      ? formatNumber(
+          Number(claimableAmountWei) / 10 ** Number(decimals),
+          Number(decimals),
+          "decimal",
+          "standard",
+          Number(`0.${"0".repeat(Number(decimals) - 1)}1`)
+        )
+      : "0.0";
   const loading = isLoadingToken || isLoadingVesting || isLoadingGasLimit;
 
   const callData =
@@ -111,6 +122,7 @@ export const useClaimVestingData = ({
   return {
     errorMessage,
     formattedClaimableAmount,
+    formattedClaimableAmountFullDecimals,
     tokenSymbol,
     loading,
     callData,

diff --git a/packages/cow-hooks-ui/src/ButtonPrimary.tsx b/packages/cow-hooks-ui/src/ButtonPrimary.tsx
@@ -12,7 +12,7 @@ export const ButtonPrimary: React.FC<
           !disabled,
       },
       {
-        "border-transparent outline-none cursor-auto shadow-none opacity-80 bg-color-primary text-color-button-text text-opacity-80":
+        "border-transparent outline-none cursor-auto shadow-none bg-color-primary text-color-button-text":
           disabled,
       }
     )}