Create resource working

src/app/[orgId]/resources/[resourceId]/page.tsx

@@ -1,17 +1,30 @@
-import { Separator } from "@/components/ui/separator"
-import { ProfileForm } from "@app/components/profile-form"
+import React from "react";
+import { Separator } from "@/components/ui/separator";
+import { CreateResourceForm } from "./components/CreateResource";
+import { GeneralForm } from "./components/GeneralForm";
 
-export default function SettingsProfilePage() {
-  return (
-    <div className="space-y-6">
-      <div>
-        <h3 className="text-lg font-medium">Profile</h3>
-        <p className="text-sm text-muted-foreground">
-          This is how others will see you on the site.
-        </p>
-      </div>
-      <Separator />
-      <ProfileForm />
-    </div>
-  )
+export default function SettingsPage({
+    params,
+}: {
+    params: { resourceId: string };
+}) {
+    const isCreate = params.resourceId === "create";
+
+    return (
+        <div className="space-y-6">
+            <div>
+                <h3 className="text-lg font-medium">
+                    {isCreate ? "Create Resource" : "General"}
+                </h3>
+                <p className="text-sm text-muted-foreground">
+                    {isCreate
+                        ? "Create a new resource"
+                        : "Edit basic resource settings"}
+                </p>
+            </div>
+            <Separator />
+
+            {isCreate ? <CreateResourceForm /> : <GeneralForm />}
+        </div>
+    );
 }