From b17f5e6a2442502d85d3f7fabeaaacbc4999132f Mon Sep 17 00:00:00 2001
From: Anukul Pandey <anukul.030601@gmail.com>
Date: Thu, 5 Sep 2024 12:29:48 +0530
Subject: [PATCH 1/2] feat: display locked balance and free balance

---
 src/App.tsx        | 24 +++++++++++++++++++++---
 src/common/Nav.tsx |  3 +++
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 5f2c6a9..9e29f8a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,6 +8,7 @@ import { extension as reefExt } from '@reef-chain/util-lib';
 import { Components } from '@reef-chain/react-lib';
 import Nav from './common/Nav';
 import OptionContext from './context/OptionContext';
+import { BigNumber} from "ethers";
 import ReefSignersContext from './context/ReefSigners';
 import ContentRouter from './pages/ContentRouter';
 import { notify } from './utils/utils';
@@ -62,19 +63,38 @@ const App = (): JSX.Element => {
   const {loading:wcPreloader,setLoading:setWcPreloader} = useWcPreloader()
   const [accounts,setAccounts] = useState<ReefSigner[]>([]);
   const [selectedSigner,setSelectedSigner] = useState<ReefSigner | undefined>(undefined);
+
+ 
   const {
     loading, error, signers, selectedReefSigner, network, provider, reefState, extension
   } = hooks.useInitReefStateExtension(
     'Reef App', selExtensionName, { ipfsHashResolverFn: getIpfsGatewayUrl },
   );
 
+  const accountsBalances = hooks.useObservableState(reefState.accounts$);
+
+  useEffect(()=>{
+    let updatedAccountsList:any = []
+    if(signers && accountsBalances){
+      signers.forEach((sgnr,idx)=>{
+        let accountUpdatedBal = {
+          ...sgnr,
+          freeBalance: accountsBalances[idx].freeBalance?? BigNumber.from("0"),
+          lockedBalance:accountsBalances[idx].lockedBalance?? BigNumber.from("0")
+        }
+        updatedAccountsList.push(accountUpdatedBal);
+      })
+    
+      setAccounts(updatedAccountsList);
+    }
+  },[accountsBalances,signers])
+
   useEffect(()=>{
     setAccounts([]);
     setSelectedSigner(undefined);
   },[selExtensionName])
 
   useEffect(()=>{
-    setAccounts(signers);
     setSelectedSigner(selectedReefSigner);
 
     // if account connected , hide preloader & set account address
@@ -182,8 +202,6 @@ useEffect(()=>{
     }
   }
 
-  const {isAccountSelectorOpen} = useAccountSelector()
-
   // @ts-ignore
   return (
     <>
diff --git a/src/common/Nav.tsx b/src/common/Nav.tsx
index e8b3a5a..53f8424 100644
--- a/src/common/Nav.tsx
+++ b/src/common/Nav.tsx
@@ -163,6 +163,8 @@ const Nav = ({ selectExtension }: Nav): JSX.Element => {
     window.location.reload();
   }
 
+  console.log(accounts)
+
   const {setLoading:setWcPreloader}=useWcPreloader();
   const {isAccountSelectorOpen,setIsAccountSelectorOpen} = useAccountSelector();
 
@@ -179,6 +181,7 @@ const Nav = ({ selectExtension }: Nav): JSX.Element => {
             {menuItemsView}
           </ul>}
 
+
           <Components.AccountSelector
             selExtName={selExtName}
             availableExtensions={availableExtensions}

From 511bc7f587219f933eeca1d851f86adf4e9e4207 Mon Sep 17 00:00:00 2001
From: Anukul Pandey <anukul.030601@gmail.com>
Date: Wed, 18 Sep 2024 15:30:24 +0530
Subject: [PATCH 2/2] fix: max amt sent

---
 package.json       | 2 +-
 src/common/Nav.tsx | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/package.json b/package.json
index c5bfa48..f10ccaa 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.1.0",
     "@popperjs/core": "^2.11.5",
     "@reef-chain/evm-provider": "^2.0.3",
-    "@reef-chain/react-lib": "^4.0.5",
+    "@reef-chain/react-lib": "file:.yalc/@reef-chain/react-lib",
     "@reef-chain/ui-kit": "^3.0.2",
     "@reef-chain/util-lib": "^2.6.1",
     "@testing-library/jest-dom": "^5.11.4",
diff --git a/src/common/Nav.tsx b/src/common/Nav.tsx
index 53f8424..fec1656 100644
--- a/src/common/Nav.tsx
+++ b/src/common/Nav.tsx
@@ -163,8 +163,6 @@ const Nav = ({ selectExtension }: Nav): JSX.Element => {
     window.location.reload();
   }
 
-  console.log(accounts)
-
   const {setLoading:setWcPreloader}=useWcPreloader();
   const {isAccountSelectorOpen,setIsAccountSelectorOpen} = useAccountSelector();