feat/Add form submission handling: Log payload to console on save

softflow24 · Nov 19, 2024 · 0258bfc · 0258bfc
1 parent 9a4683a
commit 0258bfc
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/client/app/components/settings/environment-variable-form.tsx b/packages/client/app/components/settings/environment-variable-form.tsx
@@ -43,9 +43,22 @@ export function EnvironmentVariableForm() {
     }
   };
 
+const handleSubmit = (e: React.FormEvent) => {
+  e.preventDefault();
+
+  const validItems = items.filter(item =>
+    item.key.trim() !== "" || item.value.trim() !== "" 
+  );
+
+    console.log("Saved Environment Variables", validItems.map(item => ({
+      key: item.key,
+      value: item.value
+    })))
+};
+
   return (
     <div className="w-full">
-      <Form method="post" className="w-full">
+      <Form method="post" className="w-full" onSubmit={handleSubmit}>
         <div className="bg-background shadow-sm rounded-lg px-16 py-4 space-y-4">
           <div className="rounded-md border">
             <Table>