fix: fixed project create error

Author: Davidthecode

apps/api/src/routes/project/route.ts

@@ -136,6 +136,75 @@ router.get("/", async (req: RequestWithSession, res: Response) => {
   }
 });
 
+router.post("/", async (req: RequestWithSession, res: Response) => {
+  const session = req.session;
+  if (!session) {
+    return res.status(401).json({ error: "unauthenticated" });
+  }
+
+  const userId = session.user.id;
+
+  try {
+    const body = createProjectSchema.parse(req.body);
+
+    const project = await db.$transaction(async (tx) => {
+      const proj = await tx.project.create({
+        data: {
+          name: body.name,
+          description: body.description ?? null,
+          ownerId: userId,
+        },
+      });
+
+      await tx.projectMember.create({
+        data: {
+          userId,
+          projectId: proj.id,
+          role: "OWNER",
+        },
+      });
+
+      const defaultEnvs = ["development", "staging", "production"];
+      await Promise.all(
+        defaultEnvs.map((name) =>
+          tx.environment.create({
+            data: {
+              name,
+              apiKey: crypto.randomUUID(),
+              projectId: proj.id,
+            },
+          })
+        )
+      );
+
+      await tx.activityLog.create({
+        data: {
+          projectId: proj.id,
+          userId,
+          actionType: "PROJECT_CREATED",
+          description: `Project created: "${proj.name}".`,
+          details: body,
+        },
+      });
+
+      return proj;
+    });
+
+    res.status(201).json({
+      id: project.id,
+      name: project.name,
+      subtitle: project.description || "No description",
+      flags: 0,
+      environments: 3,
+      lastUpdated: "Just now",
+      isFavorite: false,
+    });
+  } catch (error) {
+    console.error("Failed to create project:", error);
+    res.status(500).json({ error: "Failed to create project" });
+  }
+});
+
 router.post("/feedback", async (req: RequestWithSession, res: Response) => {
   const session = req.session;
 
@@ -223,79 +292,6 @@ router.get(
   }
 );
 
-router.post(
-  "/",
-  verifyRole.MEMBER,
-  async (req: RequestWithSession, res: Response) => {
-    const session = req.session;
-    if (!session) {
-      return res.json({ error: "unauthenticated", status: 401 });
-    }
-
-    const userId = session.user.id;
-
-    try {
-      const body = createProjectSchema.parse(req.body);
-
-      const project = await db.$transaction(async (tx) => {
-        const proj = await tx.project.create({
-          data: {
-            name: body.name,
-            description: body.description ?? null,
-            ownerId: userId,
-          },
-        });
-
-        await tx.projectMember.create({
-          data: {
-            userId,
-            projectId: proj.id,
-            role: "OWNER",
-          },
-        });
-
-        const defaultEnvs = ["development", "staging", "production"];
-        await Promise.all(
-          defaultEnvs.map((name) =>
-            tx.environment.create({
-              data: {
-                name,
-                apiKey: crypto.randomUUID(),
-                projectId: proj.id,
-              },
-            })
-          )
-        );
-
-        await tx.activityLog.create({
-          data: {
-            projectId: proj.id,
-            userId,
-            actionType: "PROJECT_CREATED",
-            description: `Project created: "${proj.name}".`,
-            details: body,
-          },
-        });
-
-        return proj;
-      });
-
-      res.status(201).json({
-        id: project.id,
-        name: project.name,
-        subtitle: project.description || "No description",
-        flags: 0,
-        environments: 3,
-        lastUpdated: "Just now",
-        isFavorite: false,
-      });
-    } catch (error) {
-      console.error("Failed to create project:", error);
-      res.status(500).json({ error: "Failed to create project" });
-    }
-  }
-);
-
 router.patch(
   "/:projectId/star",
   verifyRole.VIEWER,

apps/web/components/dashboard/project-list.tsx

@@ -131,8 +131,13 @@ export const ProjectList = () => {
     starMutation.mutate(id);
   };
 
-  const handleCreateProject = (name: string, description: string) => {
-    createMutation.mutate({ name, description });
+  const handleCreateProject = async (name: string, description: string) => {
+    try {
+      await createMutation.mutateAsync({ name, description });
+      return true;
+    } catch (_error) {
+      return false;
+    }
   };
 
   if (isListLoading) {

apps/web/components/environment/setup-snippets.ts

@@ -8,7 +8,7 @@ export const SNIPPETS = {
 
 const options = {
   apiKey: "${apiKey}",
-  apiBaseUrl: "http://localhost:5000",
+  apiBaseUrl: "https://api.flagix.com",
   initialContext: {
     userId: "user_123", 
     platform: "web",
@@ -48,7 +48,7 @@ export default function MyComponent() {
  */
 await Flagix.initialize({
   apiKey: "${apiKey}",
-  apiBaseUrl: "http://localhost:5000",
+  apiBaseUrl: "https://api.flagix.com",
   initialContext: { 
     userId: "server_user_01",
     internal: true 

apps/web/components/project/project-create-modal.tsx

@@ -15,7 +15,7 @@ import { useState } from "react";
 type CreateProjectModalProps = {
   open: boolean;
   onOpenChange: (open: boolean) => void;
-  onCreate: (name: string, description: string) => void;
+  onCreate: (name: string, description: string) => Promise<boolean>;
   isSubmitting: boolean;
 };
 
@@ -28,12 +28,16 @@ export const CreateProjectModal = ({
   const [name, setName] = useState("");
   const [description, setDescription] = useState("");
 
-  const handleSubmit = (e: React.FormEvent) => {
+  const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
     if (name.trim()) {
-      onCreate(name, description);
-      setName("");
-      setDescription("");
+      const success = await onCreate(name, description);
+
+      if (success) {
+        setName("");
+        setDescription("");
+        onOpenChange(false);
+      }
     }
   };