From 73bd63ae747f87eb6f5eff38d79fdd19919e2717 Mon Sep 17 00:00:00 2001
From: alphaeusmote <41258468-alphaeusmote@users.noreply.replit.com>
Date: Thu, 10 Apr 2025 12:56:52 +0000
Subject: [PATCH] Checkpoint

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9111ef36-26c8-4085-84ca-a35dc1fec1b5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7083d608-d6d3-4a6a-9a27-6286c5109627/09b482a5-aeec-4917-8600-40452d41807a.jpg
---
 client/src/pages/groups.tsx | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/groups.tsx b/client/src/pages/groups.tsx
index dbc27b0..a77d058 100644
--- a/client/src/pages/groups.tsx
+++ b/client/src/pages/groups.tsx
@@ -318,12 +318,22 @@ export default function GroupsPage() {
 
   // Form handlers
   const onCreateGroupSubmit = (data: GroupFormValues) => {
-    createGroupMutation.mutate(data);
+    // Handle "none" value for parentGroupId
+    const submissionData = {
+      ...data,
+      parentGroupId: data.parentGroupId === "none" ? undefined : data.parentGroupId
+    };
+    createGroupMutation.mutate(submissionData);
   };
 
   const onEditGroupSubmit = (data: GroupFormValues) => {
     if (selectedGroup) {
-      updateGroupMutation.mutate({ id: selectedGroup.id, data });
+      // Handle "none" value for parentGroupId
+      const submissionData = {
+        ...data,
+        parentGroupId: data.parentGroupId === "none" ? undefined : data.parentGroupId
+      };
+      updateGroupMutation.mutate({ id: selectedGroup.id, data: submissionData });
     }
   };
 
@@ -337,7 +347,7 @@ export default function GroupsPage() {
     editGroupForm.reset({
       name: group.name,
       description: group.description || "",
-      parentGroupId: group.parentGroupId || undefined,
+      parentGroupId: group.parentGroupId || "none",
     });
     setIsEditGroupOpen(true);
   };
@@ -724,7 +734,7 @@ export default function GroupsPage() {
                         </SelectTrigger>
                       </FormControl>
                       <SelectContent>
-                        <SelectItem value="">None</SelectItem>
+                        <SelectItem value="none">None</SelectItem>
                         {groups.map((group) => (
                           <SelectItem key={group.id} value={group.id}>
                             {group.name}
@@ -810,7 +820,7 @@ export default function GroupsPage() {
                         </SelectTrigger>
                       </FormControl>
                       <SelectContent>
-                        <SelectItem value="">None</SelectItem>
+                        <SelectItem value="none">None</SelectItem>
                         {availableParentGroups.map((group) => (
                           <SelectItem key={group.id} value={group.id}>
                             {group.name}