fix LST out decimals

mrgnlabs · Sep 15, 2023 · 4642458 · 4642458
1 parent caf7ade
commit 4642458
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/apps/marginfi-v2-ui/src/components/Staking/StakingCard/StakingCard.tsx b/apps/marginfi-v2-ui/src/components/Staking/StakingCard/StakingCard.tsx
@@ -21,6 +21,7 @@ import { SettingsModal } from "./SettingsModal";
 import { SettingsIcon } from "./SettingsIcon";
 
 const SOL_MINT = new PublicKey("So11111111111111111111111111111111111111112");
+const LST_FORMATTER = makeTokenAmountFormatter(9);
 
 export interface TokenData {
   mint: PublicKey;
@@ -333,13 +334,13 @@ export const StakingCard: FC = () => {
         <div className="flex flex-row justify-between w-full my-auto pt-2">
           <Typography className="font-aeonik font-[400] text-lg">You will receive</Typography>
           <Typography className="font-aeonik font-[700] text-xl text-[#DCE85D]">
-            {lstOutAmount ? numeralFormatter(lstOutAmount) : "-"} $LST
+            {lstOutAmount !== null && selectedMintInfo ? LST_FORMATTER.format(lstOutAmount) : "-"} $LST
           </Typography>
         </div>
         <div className="py-7">
           <PrimaryButton
             className="h-[36px]"
-            disabled={connected && (!depositAmount || depositAmount == 0 || loadingQuotes || swapping)}
+            disabled={connected && (!depositAmount || depositAmount == 0 || lstOutAmount === 0 || lstOutAmount === null || loadingQuotes || swapping)}
             onClick={connected ? onMint : openWalletSelector}
           >
             {swapping ? (
@@ -441,3 +442,11 @@ async function depositToken(
 
   return sig;
 }
+
+function makeTokenAmountFormatter(decimals: number) {
+  return new Intl.NumberFormat("en-US", {
+    useGrouping: true,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: decimals,
+  })
+}