Fix bug with groups not being removed when deleting

src/contexts/GroupContext.js

@@ -29,7 +29,16 @@ export function GroupProvider({
   const [openGroupItems, setOpenGroupItems] = useState([]);
   useEffect(() => {
     if (openGroupId) {
-      setOpenGroupItems(getGroupItems(groupsFromIds([openGroupId], groups)[0]));
+      const openGroups = groupsFromIds([openGroupId], groups);
+      if (openGroups.length === 1) {
+        const openGroup = openGroups[0];
+        setOpenGroupItems(getGroupItems(openGroup));
+      } else {
+        // Close group if we can't find it
+        // This can happen if it was deleted or all it's items were deleted
+        setOpenGroupItems([]);
+        setOpenGroupId();
+      }
     } else {
       setOpenGroupItems([]);
     }

src/contexts/TileDragContext.js

@@ -58,7 +58,6 @@ export function TileDragProvider({
     selectedGroupIds,
     onGroupsChange,
     onGroupSelect,
-    onGroupClose,
     filter,
   } = useGroup();
 
@@ -147,10 +146,6 @@ export function TileDragProvider({
         onGroupSelect();
         // Handle tile ungroup
         const newGroups = ungroup(groups, openGroupId, selectedIndices);
-        // Close group if it was removed
-        if (!newGroups.find((group) => group.id === openGroupId)) {
-          onGroupClose();
-        }
         onGroupsChange(newGroups);
       } else if (over.id === ADD_TO_MAP_ID) {
         onDragAdd &&

src/helpers/group.js

@@ -31,8 +31,10 @@ export function groupsFromIds(groupIds, groups) {
   const groupsByIds = keyBy(groups, "id");
   const filteredGroups = [];
   for (let groupId of groupIds) {
+    if (groupId in groupsByIds) {
       filteredGroups.push(groupsByIds[groupId]);
     }
+  }
   return filteredGroups;
 }
 
@@ -259,6 +261,10 @@ export function removeGroupsItems(groups, itemIds) {
           newGroups[i].items.splice(j, 1);
         }
       }
+      // Remove group if no items are left
+      if (newGroups[i].items.length === 0) {
+        newGroups.splice(i, 1);
+      }
     }
   }