update init#fixbuild#04

0xJonaseb11 · Nov 1, 2024 · 50b867f · 50b867f
1 parent b5ed8f7
commit 50b867f
Show file tree

Hide file tree

Showing 5 changed files with 135 additions and 121 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/packages/nextjs/app/(app)/dashboard/page.tsx b/packages/nextjs/app/(app)/dashboard/page.tsx
@@ -11,8 +11,8 @@ export const metadata: Metadata = {
 export default function DashboardPage() {
   return (
     <>
-      <div className="flex justify-center w-full ">
-        <p>Welcome, Partner! Start by claiming a role!🤝</p>
+      <div className="flex justify-center w-full mb-2 ">
+        <p className="text-2xl text-sky-500 ">Wallet connected successfully!! Start by claiming a role!🤝</p>
       </div>
       <div className="w-full min-h-full flex justify-center bg-neutral-100 shadow-2xl">
         <ClaimRoleCard />

diff --git a/packages/nextjs/components/dashboard/ClaimRoleCard.tsx b/packages/nextjs/components/dashboard/ClaimRoleCard.tsx
@@ -70,8 +70,8 @@ export const ClaimRoleCard: React.FC = () => {
 
   return (
 
-    <div className="flex flex-col max-w-72 gap-4 bg-neutral-100 px-12 py-16 rounded-xl shadow mr-10">
-      <p>Welcome, Partner! Start by claiming a role!🤝</p>
+    <div className="flex flex-col max-w-72 gap-4 bg-neutral-100 px-12 py-8 rounded-xl shadow mr-10">
+      <p>Welcome, Partner! Start here by claiming a role!</p>
       <p className="text-2xl text-center text-neutral-800">Congratulations!</p>
       <p className="text-center text-neutral-500">
         Claim a role that will be used to identify you on the Stoneproof platform.

diff --git a/packages/nextjs/components/dashboard/DataRegistry.tsx b/packages/nextjs/components/dashboard/DataRegistry.tsx
@@ -18,11 +18,13 @@ export const DataRegistry: React.FC = () => {
   const fetchDataRecords = async () => {
     setIsLoading(true);
     try {
-      if (!window.ethereum) {
+      // Check if `window` is defined and `ethereum` is available to avoid server-side errors
+      if (typeof window !== "undefined" && !window.ethereum) {
         alert("Please install MetaMask or any other EVM-wallet");
         return;
       }
 
+      // If `window` is defined, proceed with accessing `window.ethereum`
       const provider = new ethers.providers.Web3Provider(window.ethereum);
       const signer = provider.getSigner();
       const contractAddress = "0x9fE46736679d2D9a65F0992F2272dE9f3c7fa6e0"; 
@@ -45,7 +47,10 @@ export const DataRegistry: React.FC = () => {
   };
 
   useEffect(() => {
-    fetchDataRecords();
+    // Ensure fetchDataRecords runs only on the client side
+    if (typeof window !== "undefined") {
+      fetchDataRecords();
+    }
   }, []);
 
   return (