Create resource working

src/app/[orgId]/resources/[resourceId]/components/ClientLayout.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { SidebarNav } from "@app/components/sidebar-nav";
+import { useResourceContext } from "@app/hooks/useResourceContext";
+
+const sidebarNavItems = [
+    {
+        title: "General",
+        href: "/{orgId}/resources/{resourceId}",
+    },
+    // {
+    //     title: "Appearance",
+    //     href: "/{orgId}/resources/{resourceId}/appearance",
+    // },
+    // {
+    //     title: "Notifications",
+    //     href: "/{orgId}/resources/{resourceId}/notifications",
+    // },
+]
+
+
+export function ClientLayout({ isCreate, children }: { isCreate: boolean; children: React.ReactNode }) {
+    const { resource } = useResourceContext();
+    return (<div className="hidden space-y-6 0 pb-16 md:block">
+        <div className="space-y-0.5">
+            <h2 className="text-2xl font-bold tracking-tight">
+                {isCreate
+                    ? "New Resource"
+                    : resource?.name + " Settings"}
+            </h2>
+            <p className="text-muted-foreground">
+                {isCreate
+                    ? "Create a new resource"
+                    : "Configure the settings on your resource: " +
+                    resource?.name || ""}
+                .
+            </p>
+        </div>
+        <div className="flex flex-col space-y-6 lg:flex-row lg:space-x-12 lg:space-y-0">
+            <aside className="-mx-4 lg:w-1/5">
+                <SidebarNav
+                    items={sidebarNavItems}
+                    disabled={isCreate}
+                />
+            </aside>
+            <div className="flex-1 lg:max-w-2xl">
+                {children}
+            </div>
+        </div>
+    </div>);
+}