Filter out empty select inputs on form submission

src/pages/approval-workflows/[id]/clone.tsx

@@ -118,7 +118,18 @@ export default function Home({ user, workflow, userEntitiesWithLabel, userEntiti
 
     const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault();
-        console.log("Form submitted! Values:", cloneWorkflow);
+    
+        if (!cloneWorkflow) return;
+    
+        const filteredWorkflow = {
+            ...cloneWorkflow,
+            steps: cloneWorkflow.steps.map(step => ({
+                ...step,
+                assignees: step.assignees.filter(assignee => assignee !== null && assignee !== undefined)
+            }))
+        };
+    
+        console.log("Form submitted! Filtered Workflow:", filteredWorkflow);
     };
 
     const onWorkflowChange = (wf: EditableApprovalWorkflow) => {

src/pages/approval-workflows/[id]/edit.tsx

@@ -82,7 +82,18 @@ export default function Home({ user, workflow, workflowEntityTeachers, workflowE
 
     const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault();
-        console.log("Form submitted! Values:", updatedWorkflow);
+    
+        if (!updatedWorkflow) return;
+    
+        const filteredWorkflow = {
+            ...updatedWorkflow,
+            steps: updatedWorkflow.steps.map(step => ({
+                ...step,
+                assignees: step.assignees.filter(assignee => assignee !== null && assignee !== undefined)
+            }))
+        };
+    
+        console.log("Form submitted! Filtered Workflow:", filteredWorkflow);
     };
 
     const onWorkflowChange = (wf: EditableApprovalWorkflow) => {

src/pages/approval-workflows/create.tsx

@@ -85,7 +85,16 @@ export default function Home({ user, userEntitiesWithLabel, userEntitiesTeachers
 
     const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault();
-        console.log("Form submitted! Values:", workflows);
+
+        const filteredWorkflows = workflows.map(workflow => ({
+            ...workflow,
+            steps: workflow.steps.map(step => ({
+                ...step,
+                assignees: step.assignees.filter(assignee => assignee !== null && assignee !== undefined)
+            }))
+        }));
+
+        console.log("Form submitted! Filtered Values:", filteredWorkflows);
     };
 
     const handleAddNewWorkflow = () => {