disable button and refresh balance

alpha-fi · Dec 11, 2024 · 15a6205 · 15a6205
1 parent 3eb16f0
commit 15a6205
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 9 deletions.
diff --git a/src/components/Navbar/components/ButtonConnectWallet.tsx b/src/components/Navbar/components/ButtonConnectWallet.tsx
@@ -22,6 +22,7 @@ import { useAccount } from 'wagmi';
 import { useConnect } from 'wagmi';
 import { useDisconnect } from 'wagmi';
 import { coinbaseWallet } from 'wagmi/connectors';
+import { useGlobalContext } from '@/contexts/GlobalContext';
 
 type Props = {
   handleButtonCLick?: () => void;
@@ -34,8 +35,7 @@ export function ButtonConnectWallet({ handleButtonCLick, text }: Props) {
   const { address } = useAccount();
   const { disconnect: disconnectBase } = useDisconnect();
 
-  const { data: cheddarBalanceData, isLoading: isLoadingCheddarBalance } =
-    useGetCheddarBalance();
+  const { cheddarBalance, isCheddarBalanceLoading } = useGlobalContext();
 
   const { isUserNadabotVerfied, isUserHolonymVerified } =
     useContext(GameContext);
@@ -79,10 +79,10 @@ export function ButtonConnectWallet({ handleButtonCLick, text }: Props) {
             rightIcon={<ChevronDownIcon />}
           >
             <Text mr="5px" display="inline-block">
-              {isLoadingCheddarBalance ? (
+              {isCheddarBalanceLoading ? (
                 <Spinner size="sm" />
               ) : (
-                yton(`${cheddarBalanceData}`)
+                yton(`${cheddarBalance}`)
               )}
             </Text>
             <RenderCheddarIcon />

diff --git a/src/components/maze/GameboardContainer.tsx b/src/components/maze/GameboardContainer.tsx
@@ -104,8 +104,13 @@ export function GameboardContainer({
     pendingCheddarToMint,
   } = useContext(GameContext);
 
-  const { addresses, isConnected, showConnectionModal, blockchain } =
-    useGlobalContext();
+  const {
+    addresses,
+    isConnected,
+    showConnectionModal,
+    blockchain,
+    refreshCheddarBalance,
+  } = useGlobalContext();
 
   const gameboardRef = useRef<HTMLDivElement>(null);
   const {
@@ -415,11 +420,12 @@ export function GameboardContainer({
       </div>
       <div className={styles.mazeContainer} ref={gameboardRef} tabIndex={0}>
         <div className={styles.toolbar}>
-          {earnedButNotMintedCheddar > 100 && (
+          {earnedButNotMintedCheddar > 0 && (
             <Button
               px={{ base: 2, md: 3 }}
               _hover={{ bg: 'yellowgreen' }}
               isLoading={isClaiming}
+              isDisabled={earnedButNotMintedCheddar < 100}
               onClick={async () => {
                 if (
                   blockchain === 'near' &&
@@ -437,6 +443,7 @@ export function GameboardContainer({
                   setIsClaiming(false);
                   setCheddarMintResponse(response);
                   refetchEarnedButNotMintedCheddar();
+                  refreshCheddarBalance();
                 }
               }}
             >

diff --git a/src/contexts/GlobalContext.tsx b/src/contexts/GlobalContext.tsx
@@ -30,6 +30,7 @@ interface GlobalContextProps {
   disconnectWallet: () => void;
   cheddarBalance: any;
   isCheddarBalanceLoading: boolean;
+  refreshCheddarBalance: () => void;
   cheddarTotalSupply: any;
   isCheddarTotalSupplyLoading: boolean;
   isConnected: boolean;
@@ -53,8 +54,11 @@ export const GlobalContextProvider: any = ({ children }: any) => {
   const [collapsableNavbar, setCollapsableNavbar] = useState(false);
   const { connect } = useConnect();
   const { disconnect } = useDisconnect();
-  const { data: cheddarNearBalance, isLoading: isLoadingCheddarNearBalance } =
-    useGetCheddarBalance();
+  const {
+    data: cheddarNearBalance,
+    isLoading: isLoadingCheddarNearBalance,
+    refetch: refreshCheddarBalance,
+  } = useGetCheddarBalance();
   const { data: cheddarBaseBalance, isLoading: isLoadingCheddarBaseBalance } =
     useGetCheddarBaseBalance();
   const {
@@ -177,6 +181,7 @@ export const GlobalContextProvider: any = ({ children }: any) => {
         toggleCollapsableNavbar,
         collapsableNavbarActivated,
         setCollapsableNavbarActivated,
+        refreshCheddarBalance,
       }}
     >
       {children}