diff --git a/src/app/chain/page.tsx b/src/app/chain/page.tsx
index 38c0b635..df2c72bf 100644
--- a/src/app/chain/page.tsx
+++ b/src/app/chain/page.tsx
@@ -3,7 +3,6 @@
import { useState } from "react";
import { useAccount } from "wagmi";
import { useQuery } from "@tanstack/react-query";
-import { ConnectWallet } from "../../components/ConnectWallet";
import {
validateContentLength,
MIN_CONTENT_LENGTH,
@@ -61,7 +60,6 @@ export default function ChainPlotPage() {
Connect your wallet to chain a plot.
-
);
}
diff --git a/src/app/create/page.tsx b/src/app/create/page.tsx
index c9dbf907..7158cd0b 100644
--- a/src/app/create/page.tsx
+++ b/src/app/create/page.tsx
@@ -2,7 +2,6 @@
import { useState } from "react";
import { useAccount } from "wagmi";
-import { ConnectWallet } from "../../components/ConnectWallet";
import {
validateContentLength,
MIN_CONTENT_LENGTH,
@@ -43,7 +42,6 @@ export default function CreateStorylinePage() {
Connect your wallet to create a storyline.
-
);
}
diff --git a/src/app/dashboard/reader/page.tsx b/src/app/dashboard/reader/page.tsx
index 915cf23f..0d9c5c63 100644
--- a/src/app/dashboard/reader/page.tsx
+++ b/src/app/dashboard/reader/page.tsx
@@ -4,7 +4,6 @@ import { useEffect, useState } from "react";
import { useAccount } from "wagmi";
import { useQuery } from "@tanstack/react-query";
import { supabase, type Donation } from "../../../../lib/supabase";
-import { ConnectWallet } from "../../../components/ConnectWallet";
import { ReaderPortfolio } from "../../../components/ReaderPortfolio";
import { formatUnits } from "viem";
@@ -57,7 +56,6 @@ export default function ReaderDashboard() {
Connect your wallet to view your dashboard.
-
);
}
diff --git a/src/app/dashboard/writer/page.tsx b/src/app/dashboard/writer/page.tsx
index 2e618867..dfa0b45b 100644
--- a/src/app/dashboard/writer/page.tsx
+++ b/src/app/dashboard/writer/page.tsx
@@ -3,7 +3,6 @@
import { useAccount } from "wagmi";
import { useQuery } from "@tanstack/react-query";
import { supabase, type Storyline } from "../../../../lib/supabase";
-import { ConnectWallet } from "../../../components/ConnectWallet";
import { DeadlineCountdown } from "../../../components/DeadlineCountdown";
import { ClaimRoyalties } from "../../../components/ClaimRoyalties";
import { WriterTradingStats } from "../../../components/WriterTradingStats";
@@ -40,7 +39,6 @@ export default function WriterDashboard() {
Connect your wallet to view your dashboard.
-
);
}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 95572820..76dd3e38 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
import type { Metadata } from "next";
import { Geist_Mono } from "next/font/google";
import { Providers } from "./providers";
+import { NavBar } from "../components/NavBar";
import "./globals.css";
const geistMono = Geist_Mono({
@@ -21,7 +22,10 @@ export default function RootLayout({
return (
- {children}
+
+
+ {children}
+
);
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 386bf140..6baef83b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,11 +1,6 @@
-import { ConnectWallet } from "@/components/ConnectWallet";
-
export default function Home() {
return (
-
PlotLink
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
new file mode 100644
index 00000000..afa550d1
--- /dev/null
+++ b/src/components/NavBar.tsx
@@ -0,0 +1,98 @@
+"use client";
+
+import { useState } from "react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { ConnectWallet } from "./ConnectWallet";
+
+const NAV_LINKS = [
+ { href: "/discover", label: "discover" },
+ { href: "/create", label: "create" },
+ { href: "/dashboard/writer", label: "writer" },
+ { href: "/dashboard/reader", label: "reader" },
+ { href: "/chain", label: "chain" },
+] as const;
+
+export function NavBar() {
+ const pathname = usePathname();
+ const [mobileOpen, setMobileOpen] = useState(false);
+
+ return (
+
+ );
+}