Merge pull request #122 from fishonamos/dev

fix: Resolve max withdraw bug

.env.sample

@@ -1,4 +1,4 @@
-NEXT_PUBLIC_RPC_URL=
-RPC_URL=
-
-DATABASE_URL=
+NEXT_PUBLIC_RPC_URL=
+RPC_URL=
+
+DATABASE_URL=

src/components/Deposit.tsx

@@ -30,7 +30,7 @@ import {
 import { useAccount, useProvider } from '@starknet-react/core';
 import { useAtomValue } from 'jotai';
 import mixpanel from 'mixpanel-browser';
-import { useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { ProviderInterface } from 'starknet';
 import LoadingWrap from './LoadingWrap';
 import TxButton from './TxButton';
@@ -51,6 +51,7 @@ export default function Deposit(props: DepositProps) {
   const { address } = useAccount();
   const { provider } = useProvider();
   const [dirty, setDirty] = useState(false);
+  const [isMaxClicked, setIsMaxClicked] = useState(false);
 
   const tvlInfo = useAtomValue(props.strategy.tvlAtom);
 
@@ -110,7 +111,6 @@ export default function Deposit(props: DepositProps) {
       selectedMarket.decimals,
     );
     let reducedBalance = balance;
-
     if (props.buttonText === 'Deposit') {
       if (selectedMarket.name === 'STRK') {
         reducedBalance = balance.subtract(
@@ -127,6 +127,13 @@ export default function Deposit(props: DepositProps) {
     return MyNumber.max(min, MyNumber.fromEther('0', selectedMarket.decimals));
   }, [balance, props.strategy, selectedMarket]);
 
+  useEffect(() => {
+    if (isMaxClicked) {
+      setRawAmount(maxAmount.toEtherStr());
+      setAmount(maxAmount);
+    }
+  }, [maxAmount, isMaxClicked]);
+
   function BalanceComponent(props: {
     token: TokenInfo;
     strategy: StrategyInfo;
@@ -173,6 +180,7 @@ export default function Deposit(props: DepositProps) {
             onClick={() => {
               setAmount(maxAmount);
               setRawAmount(maxAmount.toEtherStr());
+              setIsMaxClicked(true);
               mixpanel.track('Chose max amount', {
                 strategyId: props.strategy.id,
                 strategyName: props.strategy.name,
@@ -190,7 +198,6 @@ export default function Deposit(props: DepositProps) {
       </Box>
     );
   }
-
   return (
     <Box>
       <Grid templateColumns="repeat(5, 1fr)" gap={6}>
@@ -266,6 +273,7 @@ export default function Deposit(props: DepositProps) {
           else {
             setAmount(new MyNumber('0', selectedMarket.decimals));
           }
+          setIsMaxClicked(false);
           setRawAmount(value);
           setDirty(true);
           mixpanel.track('Enter amount', {