feature/IO-3103-Ant5-Notifications

client/src/components/production-remove-button/production-remove-button.component.jsx

@@ -1,11 +1,12 @@
 import { useMutation } from "@apollo/client";
-import { Button, notification } from "antd";
+import { Button } from "antd";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 import { UPDATE_JOB } from "../../graphql/jobs.queries";
 import queryString from "query-string";
 import { useLocation, useNavigate } from "react-router-dom";
+import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
 
 export default function ProductionRemoveButton({ jobId }) {
   const [removeJobFromProduction] = useMutation(UPDATE_JOB);
@@ -13,6 +14,7 @@ export default function ProductionRemoveButton({ jobId }) {
   const [loading, setLoading] = useState(false);
   const search = queryString.parse(useLocation().search);
   const history = useNavigate();
+  const notification = useNotification();
 
   const handleRemoveFromProd = async () => {
     logImEXEvent("production_remove_job");