UI improvements

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>
 

packages/nextjs/app/marketplace/Marketplace.tsx → 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");

packages/nextjs/app/marketplace/_components/CollectiblesList.tsx → 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[] }) => {

packages/nextjs/app/marketplace/page.tsx → 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;

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 />
     </>
   );
 };