fix submit buttons

complexdatacollective · Jun 6, 2024 · 5063f9b · 5063f9b
1 parent e17f537
commit 5063f9b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/app/[org]/_components/CreateOrgForm.tsx b/app/[org]/_components/CreateOrgForm.tsx
@@ -18,7 +18,7 @@ export default function CreateOrgForm() {
         name="orgName"
         placeholder="Northwestern"
       />
-      <Button>Create Org</Button>
+      <Button type="submit">Create Org</Button>
     </form>
   );
 }
diff --git a/app/[org]/_components/CreateProjectForm.tsx b/app/[org]/_components/CreateProjectForm.tsx
@@ -33,7 +33,7 @@ export default function CreateProjectForm({ orgSlug }: { orgSlug: string }) {
         name="projectName"
         placeholder="Studio"
       />
-      <Button>Create project</Button>
+      <Button type="submit">Create project</Button>
     </form>
   );
 }
diff --git a/components/Button.tsx b/components/Button.tsx
@@ -1,10 +1,14 @@
 type ButtonProps = {
   children: React.ReactNode;
+  type?: 'button' | 'submit' | 'reset';
 };
 
-export default function Button({ children }: ButtonProps) {
+export default function Button({ children, type = 'button' }: ButtonProps) {
   return (
-    <button className="mb-2 me-2 w-36 rounded-lg bg-slate-900 px-5 py-2.5 text-sm font-medium text-white">
+    <button
+      type={type}
+      className="mb-2 me-2 w-36 rounded-lg bg-slate-900 px-5 py-2.5 text-sm font-medium text-white"
+    >
       {children}
     </button>
   );