OG NFT UI: UX improvements

strkfarm · Sep 20, 2024 · 2d128b9 · 2d128b9
1 parent e8e36c5
commit 2d128b9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -1 +1 @@
-yarn run lint:fix && yarn run format:fix
+yarn run lint:fix && yarn run format:fix && git add .
diff --git a/src/app/community/page.tsx b/src/app/community/page.tsx
@@ -101,7 +101,7 @@ const CommunityPage = () => {
     ],
   });
 
-  const { data: ogNFTBalance } = useContractRead({
+  const { data: ogNFTBalance, status: balanceQueryStatus } = useContractRead({
     abi: NFTAbi,
     address: process.env.NEXT_PUBLIC_OG_NFT_CONTRACT || '0',
     functionName: 'balanceOf',
@@ -353,7 +353,8 @@ const CommunityPage = () => {
                 hasNFT ||
                 isOGNFTLoading ||
                 !isOGNFTEligible.data ||
-                isClaimOGNFTPending
+                isClaimOGNFTPending ||
+                !address
               }
             >
               <Text fontSize={{ base: '10px', md: '14px' }} color="white">
@@ -363,6 +364,9 @@ const CommunityPage = () => {
                   </Box>
                 ) : !address ? (
                   'Connect wallet to check eligibility'
+                ) : isOGNFTEligible.isLoading ||
+                  balanceQueryStatus == 'pending' ? (
+                  <Spinner size="sm" />
                 ) : hasNFT ? (
                   'Claimed'
                 ) : !isEligible ? (
@@ -467,7 +471,7 @@ const CommunityPage = () => {
           margin="0 25px"
           border="1px solid var(--chakra-colors-color2_65p)"
         >
-          <ModalCloseButton color="white" onClick={onClose} />
+          <ModalCloseButton color="white" />
           <ModalBody
             display="flex"
             flexDirection="column"
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		yarn run lint:fix && yarn run format:fix
		yarn run lint:fix && yarn run format:fix && git add .