Fix editor form save bug

solomonhawk · Nov 20, 2024 · 9161df8 · 9161df8
1 parent e1bc6da
commit 9161df8
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/apps/web/src/features/table/components/table-update-form/index.tsx b/apps/web/src/features/table/components/table-update-form/index.tsx
@@ -230,10 +230,10 @@ export function TableUpdateForm({
 
   return (
     <Form {...form}>
-      <Header table={table} />
-
       <FlexCol asChild>
-        <form onSubmit={form.handleSubmit(handleSubmit)}>
+        <form onSubmit={form.handleSubmit(handleSubmit)} className="space-y-16">
+          <Header table={table} />
+
           <FlexCol asChild role="presentation" onKeyDown={handleKeyDown}>
             <fieldset
               disabled={form.formState.isSubmitting || isDisabled}

diff --git a/apps/web/src/features/table/pages/edit/page.tsx b/apps/web/src/features/table/pages/edit/page.tsx
@@ -13,7 +13,7 @@ export function TableEdit() {
   });
 
   return (
-    <FlexCol className="space-y-16 p-12 sm:p-16">
+    <FlexCol className="p-12 sm:p-16">
       <TableUpdateForm
         table={table}
         isDisabled={tableQuery.isPlaceholderData}

diff --git a/packages/ui/src/components/ui/button.tsx b/packages/ui/src/components/ui/button.tsx
@@ -51,6 +51,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       <Comp
         className={cn(buttonVariants({ variant, size, className }))}
         ref={ref}
+        type="button"
         {...props}
       />
     );