From 3b10f80ab934770d07002505f364e487f0428620 Mon Sep 17 00:00:00 2001
From: Luciano Oliva Bianco <lulox.eth@protonmail.com>
Date: Mon, 23 Sep 2024 19:59:21 -0300
Subject: [PATCH] UI improvements

---
 .../nextjs/app/create/_components/MetadataForm.tsx     |  5 ++---
 .../Marketplace.tsx => explore/Explore.tsx}            |  2 +-
 .../_components/CollectiblesList.tsx                   |  2 +-
 .../_components/Description.tsx                        |  0
 .../_components/ErrorComponent.tsx                     |  0
 .../_components/LoadingSpinner.tsx                     |  0
 .../{marketplace => explore}/_components/NFTCard.tsx   |  0
 .../_components/RestoreDescriptionButton.tsx           |  0
 .../app/{marketplace => explore}/_components/Tabs.tsx  |  0
 packages/nextjs/app/{marketplace => explore}/page.tsx  | 10 +++++-----
 packages/nextjs/app/page.tsx                           |  6 +++---
 11 files changed, 12 insertions(+), 13 deletions(-)
 rename packages/nextjs/app/{marketplace/Marketplace.tsx => explore/Explore.tsx} (99%)
 rename packages/nextjs/app/{marketplace => explore}/_components/CollectiblesList.tsx (88%)
 rename packages/nextjs/app/{marketplace => explore}/_components/Description.tsx (100%)
 rename packages/nextjs/app/{marketplace => explore}/_components/ErrorComponent.tsx (100%)
 rename packages/nextjs/app/{marketplace => explore}/_components/LoadingSpinner.tsx (100%)
 rename packages/nextjs/app/{marketplace => explore}/_components/NFTCard.tsx (100%)
 rename packages/nextjs/app/{marketplace => explore}/_components/RestoreDescriptionButton.tsx (100%)
 rename packages/nextjs/app/{marketplace => explore}/_components/Tabs.tsx (100%)
 rename packages/nextjs/app/{marketplace => explore}/page.tsx (58%)

diff --git a/packages/nextjs/app/create/_components/MetadataForm.tsx b/packages/nextjs/app/create/_components/MetadataForm.tsx
index 37fcceb..9312b61 100644
--- a/packages/nextjs/app/create/_components/MetadataForm.tsx
+++ b/packages/nextjs/app/create/_components/MetadataForm.tsx
@@ -32,9 +32,8 @@ export const MetadataForm: React.FC<MetadataFormProps> = ({
       </div>
 
       <div className="flex flex-row gap-2 my-4 items-center">
-        <strong>
-          Symbol <span className="text-red-500">*</span>
-        </strong>{" "}
+        <strong>Symbol</strong>
+        <span className="text-red-500">*</span>
         <InputBase placeholder="PW" value={collectionSymbol} onChange={setCollectionSymbol} />
       </div>
 
diff --git a/packages/nextjs/app/marketplace/Marketplace.tsx b/packages/nextjs/app/explore/Explore.tsx
similarity index 99%
rename from packages/nextjs/app/marketplace/Marketplace.tsx
rename to packages/nextjs/app/explore/Explore.tsx
index 5a4df01..9057703 100644
--- a/packages/nextjs/app/marketplace/Marketplace.tsx
+++ b/packages/nextjs/app/explore/Explore.tsx
@@ -27,7 +27,7 @@ export interface Collectible extends Partial<NFTMetaData> {
   maxTokenId?: number;
 }
 
-export const Marketplace = () => {
+export const Explore = () => {
   const { address: isConnected, isConnecting } = useAccount();
   const [listedCollectibles, setListedCollectibles] = useState<Collectible[]>([]);
   const [activeTab, setActiveTab] = useState("newest");
diff --git a/packages/nextjs/app/marketplace/_components/CollectiblesList.tsx b/packages/nextjs/app/explore/_components/CollectiblesList.tsx
similarity index 88%
rename from packages/nextjs/app/marketplace/_components/CollectiblesList.tsx
rename to packages/nextjs/app/explore/_components/CollectiblesList.tsx
index e756af3..beba662 100644
--- a/packages/nextjs/app/marketplace/_components/CollectiblesList.tsx
+++ b/packages/nextjs/app/explore/_components/CollectiblesList.tsx
@@ -1,5 +1,5 @@
 // CollectiblesList.tsx
-import { Collectible } from "../Marketplace";
+import { Collectible } from "../Explore";
 import { NFTCard } from "./NFTCard";
 
 export const CollectiblesList = ({ filteredCollectibles }: { filteredCollectibles: Collectible[] }) => {
diff --git a/packages/nextjs/app/marketplace/_components/Description.tsx b/packages/nextjs/app/explore/_components/Description.tsx
similarity index 100%
rename from packages/nextjs/app/marketplace/_components/Description.tsx
rename to packages/nextjs/app/explore/_components/Description.tsx
diff --git a/packages/nextjs/app/marketplace/_components/ErrorComponent.tsx b/packages/nextjs/app/explore/_components/ErrorComponent.tsx
similarity index 100%
rename from packages/nextjs/app/marketplace/_components/ErrorComponent.tsx
rename to packages/nextjs/app/explore/_components/ErrorComponent.tsx
diff --git a/packages/nextjs/app/marketplace/_components/LoadingSpinner.tsx b/packages/nextjs/app/explore/_components/LoadingSpinner.tsx
similarity index 100%
rename from packages/nextjs/app/marketplace/_components/LoadingSpinner.tsx
rename to packages/nextjs/app/explore/_components/LoadingSpinner.tsx
diff --git a/packages/nextjs/app/marketplace/_components/NFTCard.tsx b/packages/nextjs/app/explore/_components/NFTCard.tsx
similarity index 100%
rename from packages/nextjs/app/marketplace/_components/NFTCard.tsx
rename to packages/nextjs/app/explore/_components/NFTCard.tsx
diff --git a/packages/nextjs/app/marketplace/_components/RestoreDescriptionButton.tsx b/packages/nextjs/app/explore/_components/RestoreDescriptionButton.tsx
similarity index 100%
rename from packages/nextjs/app/marketplace/_components/RestoreDescriptionButton.tsx
rename to packages/nextjs/app/explore/_components/RestoreDescriptionButton.tsx
diff --git a/packages/nextjs/app/marketplace/_components/Tabs.tsx b/packages/nextjs/app/explore/_components/Tabs.tsx
similarity index 100%
rename from packages/nextjs/app/marketplace/_components/Tabs.tsx
rename to packages/nextjs/app/explore/_components/Tabs.tsx
diff --git a/packages/nextjs/app/marketplace/page.tsx b/packages/nextjs/app/explore/page.tsx
similarity index 58%
rename from packages/nextjs/app/marketplace/page.tsx
rename to packages/nextjs/app/explore/page.tsx
index 2ea10f0..ffca4e3 100644
--- a/packages/nextjs/app/marketplace/page.tsx
+++ b/packages/nextjs/app/explore/page.tsx
@@ -1,18 +1,18 @@
-import { Marketplace } from "./Marketplace";
+import { Explore } from "./Explore";
 import type { NextPage } from "next";
 import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
 
 export const metadata = getMetadata({
-  title: "Marketplace",
+  title: "Explore",
   description: "Built with 🏗 Scaffold-ETH 2",
 });
 
-const MarketplacePage: NextPage = () => {
+const ExplorePage: NextPage = () => {
   return (
     <>
-      <Marketplace />
+      <Explore />
     </>
   );
 };
 
-export default MarketplacePage;
+export default ExplorePage;
diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
index 227afe0..febbf63 100644
--- a/packages/nextjs/app/page.tsx
+++ b/packages/nextjs/app/page.tsx
@@ -1,16 +1,16 @@
-import Marketplace from "./marketplace/page";
+import Explore from "./explore/page";
 import type { NextPage } from "next";
 import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
 
 export const metadata = getMetadata({
-  title: "Marketplace | DARTE",
+  title: "Explore | DARTE",
   description: "Built with 🏗 Scaffold-ETH 2",
 });
 
 const Home: NextPage = () => {
   return (
     <>
-      <Marketplace />
+      <Explore />
     </>
   );
 };