add dashboard paths

Author: piducancore

app/dashboard/[[...path]]/page.tsx

@@ -2,7 +2,14 @@ import DashboardClient from "@/components/dashboard/dashboard-client";
 
 export function generateStaticParams() {
   // This satisfies the static export requirement
-  return [{ path: [] }];
+  // Include common dashboard paths to pre-render them
+  return [
+    { path: [] },
+    { path: ["profile"] },
+    { path: ["profile", "new"] },
+    { path: ["posts"] },
+    { path: ["posts", "new"] },
+  ];
 }
 
 export default function DashboardPage() {

app/dashboard/layout.tsx

@@ -0,0 +1,4 @@
+import type React from "react";
+export default function DashboardLayout({ children }: { children: React.ReactNode }) {
+  return <div className="container mx-auto px-4 py-8">{children}</div>;
+}

app/dashboard/not-found.tsx

@@ -0,0 +1,14 @@
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+
+export default function DashboardNotFound() {
+  return (
+    <div className="flex flex-col items-center justify-center py-12">
+      <h1 className="text-2xl font-bold mb-4">Page not found</h1>
+      <p className="text-muted-foreground mb-6">The dashboard page you are looking for does not exist.</p>
+      <Link href="/dashboard">
+        <Button>Back to Dashboard</Button>
+      </Link>
+    </div>
+  );
+}

components/dashboard/dashboard-client.tsx

@@ -63,31 +63,35 @@ export default function DashboardClient() {
     return null;
   }
 
+  console.log("Current pathname:", pathname); // Add this for debugging
+
   // Extract the path parts after /dashboard/
   const pathParts = pathname.split("/").slice(2);
   const section = pathParts[0] || "";
   const action = pathParts[1] || "";
   const id = pathParts[2] || "";
 
+  console.log("Path parts:", { section, action, id }); // Add this for debugging
+
   // Render the appropriate component based on the path
-  if (section === "posts") {
+  if (section === "profile") {
     if (action === "new") {
-      return <NewPost user={user} />;
+      return <NewProfile user={user} />;
     }
     if (action === "edit" && id) {
-      return <PostEditor user={user} postId={id} />;
+      return <ProfileEditor user={user} profileId={id} />;
     }
-    return <PostsList user={user} />;
+    return <ProfileView user={user} />;
   }
 
-  if (section === "profile") {
+  if (section === "posts") {
     if (action === "new") {
-      return <NewProfile user={user} />;
+      return <NewPost user={user} />;
     }
     if (action === "edit" && id) {
-      return <ProfileEditor user={user} profileId={id} />;
+      return <PostEditor user={user} postId={id} />;
     }
-    return <ProfileView user={user} />;
+    return <PostsList user={user} />;
   }
 
   // Default to dashboard home