fixed linting...hopefully

ATXDAO · Feb 25, 2024 · 05c10de · 05c10de
1 parent 3777717
commit 05c10de
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
@@ -32,7 +32,10 @@ const Home: NextPage = () => {
 
   const { data: metadatas } = useFetches(tokenURIs);
 
-  const nfts = metadatas!.map((metadata, index) => <NftCard key={index} nft={metadata} />);
+  let nfts;
+
+  if (metadatas)
+    nfts = metadatas.map((metadata, index) => <NftCard key={index} nft={metadata} />);
 
   const { data: sixthPartnershipNftContract } = useScaffoldContract({ contractName: "SixthStreetPartnershipNft" });
   const { data: sixthMintCount } = useScaffoldContractRead({
@@ -41,15 +44,16 @@ const Home: NextPage = () => {
   });
   const { data: sixthTokenURIs } = useGetAllMetadatas(sixthPartnershipNftContract, sixthMintCount || BigInt(0));
 
-  console.log(sixthTokenURIs);
-
   for (let i = 0; i < sixthTokenURIs.length; i++) {
     if (sixthTokenURIs[i]) sixthTokenURIs[i] = sixthTokenURIs[i].replace("ipfs://", "https://ipfs.io/ipfs/");
   }
 
   const { data: sixthMetadatas } = useFetches(sixthTokenURIs);
 
-  const sixthNfts = sixthMetadatas!.map((metadata, index) => <NftCard key={index} nft={metadata} />);
+
+  let sixthNfts;
+  if (sixthMetadatas)
+  sixthNfts = sixthMetadatas.map((metadata, index) => <NftCard key={index} nft={metadata} />);
 
   // async function onFormSubmit(event: any) {
   //   event.preventDefault()

diff --git a/packages/nextjs/components/nft-card/Hooks.tsx b/packages/nextjs/components/nft-card/Hooks.tsx
@@ -14,7 +14,8 @@ export function useGetAllMetadatas(contract: any, mintCount: bigint) {
       setData([...arr]);
     }
     get();
-  }, [contract?.address, mintCount]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+}, [contract?.address, mintCount]);
 
   return { data };
 }

diff --git a/packages/nextjs/components/nft-card/nftCard.tsx b/packages/nextjs/components/nft-card/nftCard.tsx
@@ -20,8 +20,10 @@ export function NftCard(props: NftCardProps) {
         <p className="m-0 font-bold">Name</p>
         <p className="m-0 text-xl">{props.nft.name}</p>
       </div>
-
-      <img className="rounded-lg" src={props.nft.image} width={128} height={128} />
+
+    {
+      // eslint-disable-next-line
+    } <img className="rounded-lg" src={props.nft.image} width={128} height={128} /> // eslint-disable-line
       <div className="m-4">
         <p className="m-0 font-bold text-size-xl">Description</p>
         <p className="m-0 text-xs"> {props.nft.description}</p>