From 1500e8472401dece9735f396ba712e77822b578f Mon Sep 17 00:00:00 2001
From: Ishaan Dey <ishaan1013@gmail.com>
Date: Thu, 9 May 2024 21:05:21 -0700
Subject: [PATCH] add disabled states on creation

---
 frontend/components/dashboard/newProject.tsx | 9 +++++++--
 frontend/lib/actions.ts                      | 1 -
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/components/dashboard/newProject.tsx b/frontend/components/dashboard/newProject.tsx
index 62039c3..7b60f29 100644
--- a/frontend/components/dashboard/newProject.tsx
+++ b/frontend/components/dashboard/newProject.tsx
@@ -128,7 +128,7 @@ export default function NewProjectModal({
         <div className="grid grid-cols-2 w-full gap-2 mt-2">
           {data.map((item) => (
             <button
-              disabled={item.disabled}
+              disabled={item.disabled || loading}
               key={item.id}
               onClick={() => setSelected(item.id)}
               className={`${
@@ -155,7 +155,11 @@ export default function NewProjectModal({
                 <FormItem className="mb-4">
                   <FormLabel>Name</FormLabel>
                   <FormControl>
-                    <Input placeholder="My Project" {...field} />
+                    <Input
+                      disabled={loading}
+                      placeholder="My Project"
+                      {...field}
+                    />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -168,6 +172,7 @@ export default function NewProjectModal({
                 <FormItem className="mb-8">
                   <FormLabel>Visibility</FormLabel>
                   <Select
+                    disabled={loading}
                     onValueChange={field.onChange}
                     defaultValue={field.value}
                   >
diff --git a/frontend/lib/actions.ts b/frontend/lib/actions.ts
index 7f25182..ea0f573 100644
--- a/frontend/lib/actions.ts
+++ b/frontend/lib/actions.ts
@@ -8,7 +8,6 @@ export async function createSandbox(body: {
   userId: string
   visibility: string
 }) {
-  console.log("creating. body:", body)
   const res = await fetch(
     "https://database.ishaan1013.workers.dev/api/sandbox",
     {