Fixed remove from production button not closing drawer. BOD-315

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

@@ -4,11 +4,16 @@ 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 { useHistory, useLocation } from "react-router-dom";
 
 export default function ProductionRemoveButton({ jobId }) {
   const [removeJobFromProduction] = useMutation(UPDATE_JOB);
   const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
+  const search = queryString.parse(useLocation().search);
+  const history = useHistory();
+  const { selected } = search;
 
   const handleRemoveFromProd = async () => {
     logImEXEvent("production_remove_job");
@@ -19,6 +24,8 @@ export default function ProductionRemoveButton({ jobId }) {
 
     if (!!!result.errors) {
       notification["success"]({ message: t("production.successes.removed") });
+      delete search.selected;
+      history.push({ search: queryString.stringify(search) });
     } else {
       notification["error"]({
         message: t("production.errors.removing", {
@@ -26,6 +33,7 @@ export default function ProductionRemoveButton({ jobId }) {
         }),
       });
     }
+
     setLoading(false);
   };