Updated builders grid

BuidlGuidl · Nov 24, 2024 · f06c50e · f06c50e
1 parent e521be8
commit f06c50e
Show file tree

Hide file tree

Showing 4 changed files with 450 additions and 168 deletions.
diff --git a/packages/nextjs/app/builders/0x5cc8Be96B1C9A68F57a73b5bEa60cF5D890055A1/page.tsx b/packages/nextjs/app/builders/0x5cc8Be96B1C9A68F57a73b5bEa60cF5D890055A1/page.tsx
diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
@@ -2,24 +2,25 @@
 
 import Link from "next/link";
 import type { NextPage } from "next";
-import { useContractRead } from "wagmi";
 import { BugAntIcon, MagnifyingGlassIcon, RocketLaunchIcon, UserGroupIcon } from "@heroicons/react/24/outline";
 import BuildersGrid from "~~/components/batch/BuildersGrid";
-import deployedContracts from "~~/contracts/deployedContracts";
-
-const BATCH_REGISTRY_ADDRESS = "0x65E42251A2ca0906c640331afd77f45F4682c56C";
-const BATCH_REGISTRY_ABI = deployedContracts[31337].BatchRegistry.abi;
+import { useScaffoldReadContract } from "~~/hooks/scaffold-eth/useScaffoldReadContract";
 
 const Home: NextPage = () => {
-  const { data: checkedInCount, isLoading } = useContractRead({
-    address: BATCH_REGISTRY_ADDRESS,
-    abi: BATCH_REGISTRY_ABI,
+  const {
+    data: checkedInCount,
+    isLoading,
+    error,
+  } = useScaffoldReadContract({
+    contractName: "BatchRegistry",
     functionName: "checkedInCounter",
   });
 
   const displayCount = isLoading ? (
     <span className="loading loading-spinner loading-sm text-primary"></span>
-  ) : checkedInCount ? (
+  ) : error ? (
+    "Error loading"
+  ) : typeof checkedInCount === "bigint" ? (
     checkedInCount.toString()
   ) : (
     "0"

diff --git a/packages/nextjs/components/batch/BuildersGrid.tsx b/packages/nextjs/components/batch/BuildersGrid.tsx
@@ -7,21 +7,6 @@ interface Builder {
   address: string;
 }
 
-// This needs to be in a server component or API route
-// async function getBuilderAddresses() {
-//   const buildersPath = path.join(process.cwd(), 'app/builders');
-//   try {
-//     const directories = await readdir(buildersPath, { withFileTypes: true });
-//     return directories
-//       .filter(dirent => dirent.isDirectory())
-//       .map(dirent => dirent.name)
-//       .filter(name => name.startsWith('0x'));
-//   } catch (error) {
-//     console.error('Error reading builders directory:', error);
-//     return [];
-//   }
-// }
-
 // Client component
 const BuildersGrid = () => {
   const [builders, setBuilders] = useState<Builder[]>([]);