From bec00419d4c21cf14934ba6e7d52021af32521ec Mon Sep 17 00:00:00 2001
From: Gabriela del Pilar Rojas <gabrieladelpilarrojas21@gmail.com>
Date: Mon, 22 Apr 2024 09:51:49 -0500
Subject: [PATCH] change theme of tailwind.config.ts and modifyng type of
 address

---
 README.md                                     |  2 +-
 .../nextjs/components/SimpleNFT/NFTcard.tsx   |  6 +++---
 .../nextjs/contracts/deployedContracts.ts     |  8 +++----
 packages/nextjs/tailwind.config.ts            | 21 ++++++++-----------
 4 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index 6d5d559e..4fd7d660 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # 🚩 Challenge #0: 🎟 Simple NFT Example
 
-![readme-0](https://github.com/Quantum3-Labs/speedrunstark/blob/simple-nft-example/packages/nextjs/public/hero.png)
+![readme-0](../speedrunstark/packages/nextjs/public/hero-bgtransparent.png)
 
 🎫 Create a simple NFT to learn basics of 🏗 Scaffold-ETH 2. You'll use [👷‍♀️ HardHat](https://hardhat.org/getting-started/) to compile and deploy smart contracts. Then, you'll use a template React app full of important Ethereum components and hooks. Finally, you'll deploy an NFT to a public network to share with friends! 🚀
 
diff --git a/packages/nextjs/components/SimpleNFT/NFTcard.tsx b/packages/nextjs/components/SimpleNFT/NFTcard.tsx
index 103e58c5..d7554867 100644
--- a/packages/nextjs/components/SimpleNFT/NFTcard.tsx
+++ b/packages/nextjs/components/SimpleNFT/NFTcard.tsx
@@ -2,6 +2,7 @@ import { useState } from "react";
 import ButtonStyle from "../ButtonStyle/ButtonStyle";
 import { Collectible } from "./MyHoldings";
 import { AddressInput } from "../scaffold-stark";
+import { Address } from "../scaffold-stark";
 export const NFTCard = ({ nft }: { nft: Collectible }) => {
   const [transferToAddress, setTransferToAddress] = useState("");
 
@@ -18,7 +19,7 @@ export const NFTCard = ({ nft }: { nft: Collectible }) => {
         {/* eslint-disable-next-line  */}
         <img src={nft.image} alt="NFT Image" className="h-60 min-w-full" />
         <figcaption className="glass absolute bottom-4 left-4 p-4 w-25 rounded-xl">
-          <span className="text-white "># N°</span>
+          <span className="text-white "># {nft.id}</span>
         </figcaption>
       </figure>
       <div className="card-body space-y-3">
@@ -37,8 +38,7 @@ export const NFTCard = ({ nft }: { nft: Collectible }) => {
         </div>
         <div className="flex space-x-3 mt-1 items-center">
           <span className="text-lg font-semibold">Owner : </span>
-          {nft.owner}
-          {/* <Address address={nft.owner} />   */}
+          <Address address={nft.owner} />
         </div>
         <div className="flex flex-col my-2 space-y-1">
           <span className="text-lg font-semibold mb-1">Transfer To: </span>
diff --git a/packages/nextjs/contracts/deployedContracts.ts b/packages/nextjs/contracts/deployedContracts.ts
index 78430734..71a6721c 100644
--- a/packages/nextjs/contracts/deployedContracts.ts
+++ b/packages/nextjs/contracts/deployedContracts.ts
@@ -7,7 +7,7 @@ const deployedContracts = {
   devnet: {
     Challenge0: {
       address:
-        "0x020ce7d9d6a2182c5bccad7ef9032eae02f8d3d36764308cbceeb8cb15b60753",
+        "0x04a7e50c3a28e839fae9a4d34aea69267c52ba01baed5874316432a0dc530231",
       abi: [
         {
           type: "impl",
@@ -534,7 +534,7 @@ const deployedContracts = {
     },
     ExampleExternalContract: {
       address:
-        "0x023f931b2839acf2cfb1665ba795f7a1ef9244d9052b8462029a3e97de0d5c50",
+        "0x0001ca25a4a6345a76ddb59b4fd5e3a256f4381f573a1af20b35083f64464779",
       abi: [
         {
           type: "impl",
@@ -609,7 +609,7 @@ const deployedContracts = {
     },
     Challenge1: {
       address:
-        "0x0592f23b0088ec581863d2627567f3166830ae3d23e32e27fe8204a758611dac",
+        "0x0163b18efaa22b6acd98076ca426d90d8a0d5160d7a4bc7b7e270771189bd8fd",
       abi: [
         {
           type: "impl",
@@ -793,7 +793,7 @@ const deployedContracts = {
     },
     PresetERC1155: {
       address:
-        "0x010ec2536555c655f715c0ea462176cd24bbcee41653a1da5c36f08b5c2ec6eb",
+        "0x046938668dc324112eebe0fa5975751360df9532472faf2b8a1db3e8eb2a4497",
       abi: [
         {
           type: "impl",
diff --git a/packages/nextjs/tailwind.config.ts b/packages/nextjs/tailwind.config.ts
index ce4020af..1c456f1c 100644
--- a/packages/nextjs/tailwind.config.ts
+++ b/packages/nextjs/tailwind.config.ts
@@ -12,7 +12,7 @@ const config: Config = {
         mytheme: {
           primary: "#794BFC",
 
-          secondary: "#F4F1FD",
+          secondary: "F4F1FD",
 
           accent: "#ff00ff",
 
@@ -65,9 +65,9 @@ module.exports = {
           "accent-content": "#212638",
           neutral: "#212638",
           "neutral-content": "#ffffff",
-          "base-100": "#E7F0FE",
+          "base-100": "#ffffff",
           "base-200": "#f4f8ff",
-          "base-300": "#0C0C4F",
+          "base-300": "#DAE8FF",
           "base-content": "#212638",
           info: "#93BBFB",
           success: "#34EEB6",
@@ -89,17 +89,17 @@ module.exports = {
       },
       {
         dark: {
-          primary: "#E7F0FE",
+          primary: "#212638",
           "primary-content": "#F9FBFF",
-          secondary: "#1b2841",
-          "secondary-content": "#cfe2ff",
+          secondary: "#323f61",
+          "secondary-content": "#F9FBFF",
           accent: "#4969A6",
           "accent-content": "#F9FBFF",
           neutral: "#F9FBFF",
           "neutral-content": "#385183",
-          "base-100": "#1b2841",
-          "base-200": "#1c2d49",
-          "base-300": "#E7F0FE",
+          "base-100": "#385183",
+          "base-200": "#2A3655",
+          "base-300": "#212638",
           "base-content": "#F9FBFF",
           info: "#385183",
           success: "#34EEB6",
@@ -130,9 +130,6 @@ module.exports = {
       animation: {
         "pulse-fast": "pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite",
       },
-      fontFamily: {
-        sans: ["Space Grotesk", "sans-serif"],
-      },
     },
   },
 };