Cleanup some details related to query groups

Author: mvanbrab

src/IconProvider/IconProvider.js

@@ -6,6 +6,7 @@ import FunctionsIcon from '@mui/icons-material/Functions';
 import ListAltIcon from '@mui/icons-material/ListAlt';
 import FactoryIcon from '@mui/icons-material/Factory';
 import BugReportIcon from '@mui/icons-material/BugReport';
+import ConstructionIcon from '@mui/icons-material/Construction';
 
 export default {
   BrushIcon,
@@ -15,5 +16,6 @@ export default {
   FunctionsIcon,
   ListAltIcon,
   FactoryIcon,
-  BugReportIcon
+  BugReportIcon,
+  ConstructionIcon
 };

src/components/InteractionLayout/SelectionMenu/SelectionMenu.jsx

@@ -12,15 +12,15 @@ import Collapse from '@mui/material/Collapse';
 import ExpandLess from '@mui/icons-material/ExpandLess';
 import ExpandMore from '@mui/icons-material/ExpandMore';
 import IconProvider from "../../../IconProvider/IconProvider";
-import ViewListIcon from '@mui/icons-material/ViewList';
+import ListAltIcon from '@mui/icons-material/ListAlt';
 
 /**
  * A custom menu as defined in React Admin for selecting the query the user whishes to execute.
  * @returns {Component} the selection menu component
  */
 function SelectionMenu() {
   const resources = useResourceDefinitions();
-  const queryGroups = config.queryGroups;
+  const queryGroups = config.queryGroups || [];
 
   // adding a list to the group that will contain all the queries for said group
   queryGroups.forEach(group => group.queries = [])
@@ -120,7 +120,7 @@ const getIconComponent = (iconKey) => {
   if (IconComponent) {
     return <IconComponent />;
   }
-  return <ViewListIcon />;
+  return <ListAltIcon />;
 };
 
 const TooltipContent = ({ title, description }) => (
@@ -156,7 +156,12 @@ const setUpQueryGroups = (queryGroups, resources) => {
       if (resources[id].options.queryGroupId === undefined) {
         looseQueries.push(id)
       } else {
-        queryGroups.find(group => group.id === resources[id].options.queryGroupId).queries.push(id)
+        const queryGroup = queryGroups.find(group => group.id === resources[id].options.queryGroupId);
+        if (queryGroup) {
+          queryGroup.queries.push(id);
+        } else {
+          looseQueries.push(id);
+        }
       }
     } catch (error) {
       throw new Error(`Error adding queries to a group: ${error.message}`);

src/config.json

@@ -15,8 +15,7 @@
   "queryGroups" : [
     {
       "id": "a-ex",
-      "name": "General examples",
-      "icon": "ListAltIcon"
+      "name": "General examples"
     },
     {
       "id": "b-prj",