Added error handling for null groups RPS-55

src/components/molecules/job-group/job-group.molecule.jsx

@@ -7,6 +7,7 @@ import { createStructuredSelector } from "reselect";
 import { UPDATE_JOB } from "../../../graphql/jobs.queries";
 import ipcTypes from "../../../ipc.types";
 import { selectBodyshop } from "../../../redux/user/user.selectors";
+import { AlertFilled } from "@ant-design/icons";
 const { ipcRenderer } = window;
 
 const mapStateToProps = createStructuredSelector({
@@ -51,12 +52,20 @@ export function JobGroupMolecule({ bodyshop, jobId, group, job }) {
   );
 
   return (
-    <Dropdown overlay={menu} trigger={["click"]}>
-      <a href=" #" onClick={(e) => e.preventDefault()}>
-        {group}
-        <DownOutlined style={{ marginLeft: ".2rem" }} />
-        {loading && <LoadingOutlined />}
-      </a>
-    </Dropdown>
+    <>
+      <Dropdown overlay={menu} trigger={["click"]}>
+        <a href=" #" onClick={(e) => e.preventDefault()}>
+          {group}
+          <DownOutlined style={{ marginLeft: ".2rem" }} />
+          {loading && <LoadingOutlined />}
+        </a>
+      </Dropdown>
+      {!group && (
+        <div style={{ marginLeft: ".2rem" }}>
+          <AlertFilled style={{ color: "tomato" }} className="blink_me" />
+          <span style={{ color: "tomato" }}>No group set.</span>
+        </div>
+      )}
+    </>
   );
 }