feature/IO-2681-Share-To-Teams-Button - Merge release

client/src/components/task-upsert-modal/task-upsert-modal.container.jsx

@@ -1,6 +1,6 @@
 import { useMutation, useQuery } from "@apollo/client";
-import { Form, Modal, notification } from "antd";
-import React, { useEffect, useState } from "react";
+import { Form, Modal } from "antd";
+import React, { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -16,6 +16,7 @@ import { insertAuditTrail } from "../../redux/application/application.actions.js
 import AuditTrailMapping from "../../utils/AuditTrailMappings.js";
 import { isEqual } from "lodash";
 import refetchRouteMappings from "./task-upsert-modal.route.mappings";
+import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
 
 const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,
@@ -41,6 +42,7 @@ export function TaskUpsertModalContainer({ bodyshop, currentUser, taskUpsert, to
   const [jobIdState, setJobIdState] = useState(null);
   const [isTouched, setIsTouched] = useState(false);
   const location = useLocation();
+  const notification = useNotification();
 
   const { loading, error, data } = useQuery(QUERY_GET_TASKS_JOB_DETAILS_BY_ID, {
     variables: { id: jobIdState },
@@ -253,9 +255,10 @@ export function TaskUpsertModalContainer({ bodyshop, currentUser, taskUpsert, to
     }
   };
 
+  
   return (
     <Modal
-      title={view ? t("tasks.actions.view") : existingTask ? t("tasks.actions.edit") : t("tasks.actions.new")}
+      title={<span id="task-upsert-modal-title">{view ? t("tasks.actions.view") : existingTask ? t("tasks.actions.edit") : t("tasks.actions.new")}</span>}
       open={open}
       okText={t("general.actions.save")}
       width="50%"