Do not load the NFT holders table if the holders amount is zero

RootstockCollective · Dec 4, 2024 · b0b1138 · b0b1138
1 parent b970ac8
commit b0b1138
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/src/app/treasury/HoldersSection.tsx b/src/app/treasury/HoldersSection.tsx
@@ -43,7 +43,7 @@ export const HoldersSection = () => {
       {isError && (
         <ErrorMessageAlert message="An error occurred loading Token Holders. Please try again shortly." />
       )}
-      {!isError && holders && holders?.length > 0 && (
+      {!isError && holders?.length > 0 && (
         <>
           <Table data={holders} />
           {paginationElement}

diff --git a/src/app/user/Delegation/DelegateModal.tsx b/src/app/user/Delegation/DelegateModal.tsx
@@ -8,6 +8,7 @@ import { isAddressRegex, isChecksumValid } from '@/app/proposals/shared/utils'
 import { useAlertContext } from '@/app/providers'
 import { TX_MESSAGES } from '@/shared/txMessages'
 import { CHAIN_ID } from '@/lib/constants'
+import { Address, checksumAddress } from 'viem'
 
 interface DelegateModalProps {
   onClose: () => void
@@ -81,7 +82,25 @@ export const DelegateModal = ({ onClose, onDelegateTxStarted }: DelegateModalPro
             fullWidth
             labelWrapperProps={{ className: 'text-left mb-[10px]' }}
           />
-          {error && <p className="text-st-error">{error}</p>}
+          {error && (
+            <p className="text-st-error">
+              {error === 'Address has invalid checksum.' ? (
+                <>
+                  {error + ' '}
+                  <span
+                    className="font-normal underline cursor-pointer"
+                    onClick={() =>
+                      onAddressChange(checksumAddress(addressToDelegateTo as Address, Number(CHAIN_ID)))
+                    }
+                  >
+                    Fix address.
+                  </span>
+                </>
+              ) : (
+                error
+              )}
+            </p>
+          )}
         </div>
         {/* Button */}
         <div className="flex flex-row justify-center gap-4">

diff --git a/src/pages/communities/nft/[address].tsx b/src/pages/communities/nft/[address].tsx
@@ -322,7 +322,7 @@ export default function Page() {
         </div>
       </div>
       {/* Holders list */}
-      <NftHoldersSection address={nftAddress} />
+      {membersCount > 0 && <NftHoldersSection address={nftAddress} />}
     </MainContainer>
   )
 }