From 0005bb32bd802aaba493fefc5617dacf5ac2a301 Mon Sep 17 00:00:00 2001
From: Luciano Oliva Bianco <lulox.eth@protonmail.com>
Date: Wed, 18 Sep 2024 13:04:52 -0300
Subject: [PATCH] Changed buttons color to match marketplace style

---
 packages/nextjs/app/simpleMint/page.tsx       | 38 ++++++++++++++-----
 packages/nextjs/components/Header.tsx         |  5 +--
 .../nextjs/contracts/deployedContracts.ts     |  8 ++--
 3 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/packages/nextjs/app/simpleMint/page.tsx b/packages/nextjs/app/simpleMint/page.tsx
index 87b54ca..cb88656 100644
--- a/packages/nextjs/app/simpleMint/page.tsx
+++ b/packages/nextjs/app/simpleMint/page.tsx
@@ -78,17 +78,20 @@ const SimpleMint: NextPage = () => {
 
   const handleMPaidMint = async () => {
     const notificationId = notification.loading("Uploading to IPFS");
+
     try {
       const uploadedItem = await addToIPFS(yourJSON);
-
       notification.remove(notificationId);
       notification.success("Metadata uploaded to IPFS");
 
       // Log IPFS path before sending to contract
       console.log("IPFS Path:", uploadedItem.path);
 
-      // Mint the NFT
-      await writeContractAsync({
+      if (!connectedAddress) {
+        throw new Error("No connected address found.");
+      }
+
+      const contractResponse = await writeContractAsync({
         functionName: "startCollection",
         args: [
           collectionName,
@@ -100,13 +103,28 @@ const SimpleMint: NextPage = () => {
         ],
       });
 
+      if (!contractResponse) {
+        throw new Error("Contract response is null or undefined.");
+      }
+
+      console.log("Contract Response:", contractResponse);
       notification.success("Collection started successfully!");
     } catch (error) {
       notification.remove(notificationId);
-      console.error("Error during minting:", error);
 
-      // Log the error and notify the user
-      notification.error("Minting failed, please try again.");
+      // Type guard to narrow the type of 'error'
+      if (error instanceof Error) {
+        console.error("Error during minting:", error);
+
+        if (error.message.includes("gasLimit")) {
+          notification.error("Minting failed due to gas limit issue, please check your network and wallet setup.");
+        } else {
+          notification.error("Minting failed, please try again.");
+        }
+      } else {
+        console.error("An unknown error occurred:", error);
+        notification.error("An unknown error occurred.");
+      }
     }
   };
 
@@ -398,7 +416,7 @@ const SimpleMint: NextPage = () => {
           <div className="flex justify-center items-center mt-6 gap-3">
             {isGaslessMinting ? (
               <button
-                className={`btn btn-primary hover:bg-green-500 py-3 px-6 bg-green-600 ${loading ? "loading" : ""}`}
+                className={`btn btn-primary hover:bg-yellow-500 py-3 px-6 bg-yellow-600 ${loading ? "loading" : ""}`}
                 disabled={loading}
                 onClick={handleSimpleMint}
               >
@@ -406,7 +424,7 @@ const SimpleMint: NextPage = () => {
               </button>
             ) : (
               <button
-                className={`btn btn-primary hover:bg-yellow-500 py-3 px-6 bg-yellow-600 ${loading ? "loading" : ""}`}
+                className={`btn btn-primary hover:bg-green-500 py-3 px-6 bg-green-600 ${loading ? "loading" : ""}`}
                 disabled={loading}
                 onClick={handleMPaidMint}
               >
@@ -419,13 +437,13 @@ const SimpleMint: NextPage = () => {
               <input
                 type="checkbox"
                 className={`toggle toggle-primary ${
-                  isGaslessMinting ? "checked:bg-green-600 hover:bg-yellow-600" : "bg-yellow-600 hover:bg-green-600"
+                  isGaslessMinting ? "checked:bg-yellow-600 hover:bg-green-600" : "bg-green-600 hover:bg-yellow-600"
                 }`}
                 // className="toggle toggle-primary bg-red-500"
                 checked={isGaslessMinting}
                 onChange={handleToggle}
               />
-              <span className={`ml-2 ${isGaslessMinting ? "text-green-600" : "text-yellow-600"}`}>
+              <span className={`ml-2 ${isGaslessMinting ? "text-yellow-600" : "text-green-600"}`}>
                 {isGaslessMinting ? "Gasless Minting" : "Paid Minting"}
               </span>
             </label>
diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index 0931816..2d1325e 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -10,8 +10,7 @@ import {
   ArrowUpTrayIcon,
   Bars3Icon,
   BugAntIcon,
-  PhotoIcon,
-  StarIcon,
+  PhotoIcon, // StarIcon,
 } from "@heroicons/react/24/outline";
 import { FaucetButton, RainbowKitCustomConnectButton } from "~~/components/scaffold-eth";
 import { useOutsideClick } from "~~/hooks/scaffold-eth";
@@ -24,7 +23,7 @@ type HeaderMenuLink = {
 
 export const menuLinks: HeaderMenuLink[] = [
   {
-    label: "See collection",
+    label: "My NFTs",
     href: "/",
     icon: <PhotoIcon className="h-4 w-4" />,
   },
diff --git a/packages/nextjs/contracts/deployedContracts.ts b/packages/nextjs/contracts/deployedContracts.ts
index f437595..aab4402 100644
--- a/packages/nextjs/contracts/deployedContracts.ts
+++ b/packages/nextjs/contracts/deployedContracts.ts
@@ -7,7 +7,7 @@ import { GenericContractsDeclaration } from "~~/utils/scaffold-eth/contract";
 const deployedContracts = {
   31337: {
     SimpleMint: {
-      address: "0x68b1d87f95878fe05b998f19b66f4baba5de1aed",
+      address: "0x5fbdb2315678afecb367f032d93f642f64180aa3",
       abi: [
         {
           type: "constructor",
@@ -320,7 +320,7 @@ const deployedContracts = {
       },
     },
     MockNFT: {
-      address: "0x3aa5ebb10dc797cac828524e59a333d0a371443c",
+      address: "0xe7f1725e7734ce288f8367e1bb143e90bb3f0512",
       abi: [
         {
           type: "constructor",
@@ -940,7 +940,7 @@ const deployedContracts = {
       },
     },
     MockUSDC: {
-      address: "0xc6e7df5e7b4f2a278906862b61205850344d4e7d",
+      address: "0x9fe46736679d2d9a65f0992f2272de9f3c7fa6e0",
       abi: [
         {
           type: "constructor",
@@ -1397,7 +1397,7 @@ const deployedContracts = {
       },
     },
     Marketplace: {
-      address: "0x59b670e9fa9d0a427751af201d676719a970857b",
+      address: "0xcf7ed3acca5a467e9e704c703e8d87f634fb0fc9",
       abi: [
         {
           type: "constructor",