IO-2856 Mark Exported Button

Signed-off-by: Allan Carr <allan.carr@thinkimex.com>

client/src/components/accounting-receivables-table/accounting-receivables-table.component.jsx

@@ -13,6 +13,7 @@ import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import { DateFormatter } from "../../utils/DateFormatter";
 import ExportLogsCountDisplay from "../export-logs-count-display/export-logs-count-display.component";
+import JobMarkSelectedExported from "../jobs-mark-selected-exported/jobs-mark-selected-exported";
 import OwnerNameDisplay, { OwnerNameDisplayFunction } from "../owner-name-display/owner-name-display.component";
 import QboAuthorizeComponent from "../qbo-authorize/qbo-authorize.component";
 
@@ -170,13 +171,22 @@ export function AccountingReceivablesTableComponent({ bodyshop, loading, jobs, r
       extra={
         <Space wrap>
           {!bodyshop.cdk_dealerid && !bodyshop.pbs_serialnumber && (
-            <JobsExportAllButton
-              jobIds={selectedJobs}
-              disabled={transInProgress || selectedJobs.length === 0}
-              loadingCallback={setTransInProgress}
-              completedCallback={setSelectedJobs}
-              refetch={refetch}
-            />
+            <>
+              <JobMarkSelectedExported
+                jobIds={selectedJobs}
+                disabled={transInProgress || selectedJobs.length === 0}
+                loadingCallback={setTransInProgress}
+                completedCallback={setSelectedJobs}
+                refetch={refetch}
+              />
+              <JobsExportAllButton
+                jobIds={selectedJobs}
+                disabled={transInProgress || selectedJobs.length === 0}
+                loadingCallback={setTransInProgress}
+                completedCallback={setSelectedJobs}
+                refetch={refetch}
+              />
+            </>
           )}
           {bodyshop.accountingconfig && bodyshop.accountingconfig.qbo && <QboAuthorizeComponent />}
           <Input.Search

client/src/components/jobs-mark-selected-exported/jobs-mark-selected-exported.jsx

@@ -0,0 +1,105 @@
+import { useMutation } from "@apollo/client";
+import { Button, notification, Popconfirm } from "antd";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { INSERT_EXPORT_LOG } from "../../graphql/accounting.queries";
+import { UPDATE_JOBS } from "../../graphql/jobs.queries";
+import { insertAuditTrail } from "../../redux/application/application.actions";
+import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
+import AuditTrailMapping from "../../utils/AuditTrailMappings";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+  currentUser: selectCurrentUser
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  insertAuditTrail: ({ jobid, operation, type }) => dispatch(insertAuditTrail({ jobid, operation, type }))
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(JobMarkSelectedExported);
+
+export function JobMarkSelectedExported({
+  bodyshop,
+  currentUser,
+  jobIds,
+  disabled,
+  loadingCallback,
+  completedCallback,
+  refetch,
+  insertAuditTrail
+}) {
+  const { t } = useTranslation();
+  const [loading, setLoading] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [insertExportLog] = useMutation(INSERT_EXPORT_LOG);
+
+  const [updateJob] = useMutation(UPDATE_JOBS);
+  const handleUpdate = async () => {
+    setLoading(true);
+    loadingCallback(true);
+    const result = await updateJob({
+      variables: {
+        jobIds: jobIds,
+        fields: {
+          status: bodyshop.md_ro_statuses.default_exported || "Exported*",
+          date_exported: new Date()
+        }
+      },
+      update(cache) {}
+    });
+
+    await insertExportLog({
+      variables: {
+        logs: jobIds.map((id) => {
+          return {
+            bodyshopid: bodyshop.id,
+            jobid: id,
+            successful: true,
+            message: JSON.stringify([t("general.labels.markedexported")]),
+            useremail: currentUser.email
+          };
+        })
+      }
+    });
+
+    if (!result.errors) {
+      notification["success"]({ message: t("jobs.successes.save") });
+      result.data.update_jobs.returning.forEach((job) => {
+        console.log("results job", job.id, "audit: ", AuditTrailMapping.admin_jobmarkexported());
+        insertAuditTrail({
+          jobid: job.id,
+          operation: AuditTrailMapping.admin_jobmarkexported(),
+          type: "admin_jobmarkexported"
+        });
+      });
+    } else {
+      notification["error"]({
+        message: t("jobs.errors.saving", {
+          error: JSON.stringify(result.errors)
+        })
+      });
+    }
+    loadingCallback(false);
+    completedCallback && completedCallback([]);
+    setLoading(false);
+    refetch && refetch();
+    setOpen(false);
+  };
+
+  return (
+    <Popconfirm
+      open={open}
+      title={t("general.labels.areyousure")}
+      onCancel={() => setOpen(false)}
+      onConfirm={handleUpdate}
+      disabled={disabled}
+    >
+      <Button loading={loading} disabled={disabled} onClick={() => setOpen(true)} type="primary" danger>
+        {t("jobs.actions.markasexported")}
+      </Button>
+    </Popconfirm>
+  );
+}

client/src/components/payable-mark-selected-exported/payable-mark-selected-exported.component.jsx

@@ -90,7 +90,7 @@ export function BillMarkSelectedExported({
       onConfirm={handleUpdate}
       disabled={disabled}
     >
-      <Button loading={loading} disabled={disabled} onClick={() => setOpen(true)}>
+      <Button loading={loading} disabled={disabled} onClick={() => setOpen(true)} type="primary" danger>
         {t("bills.labels.markexported")}
       </Button>
     </Popconfirm>

client/src/components/payment-mark-selected-exported/payment-mark-selected-exported.component.jsx

@@ -90,7 +90,7 @@ export function PaymentMarkSelectedExported({
       onConfirm={handleUpdate}
       disabled={disabled}
     >
-      <Button loading={loading} disabled={disabled} onClick={() => setOpen(true)}>
+      <Button loading={loading} disabled={disabled} onClick={() => setOpen(true)} type="primary" danger>
         {t("bills.labels.markexported")}
       </Button>
     </Popconfirm>

client/src/components/production-list-columns/production-list-columns.add.component.jsx

@@ -2,6 +2,7 @@ import React from "react";
 import { Button, Dropdown } from "antd";
 import dataSource from "./production-list-columns.data";
 import { useTranslation } from "react-i18next";
+
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectTechnician } from "../../redux/tech/tech.selectors";
@@ -9,23 +10,16 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
 
 const mapStateToProps = createStructuredSelector({
+  //currentUser: selectCurrentUser
   technician: selectTechnician,
   bodyshop: selectBodyshop
 });
-
 const mapDispatchToProps = (dispatch) => ({
-  // Add any necessary dispatch actions here
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
+export default connect(mapStateToProps, mapDispatchToProps)(ProductionColumnsComponent);
 
-export function ProductionColumnsComponent({
-  columnState,
-  technician,
-  bodyshop,
-  data,
-  tableState,
-  refetch,
-  onColumnAdd
-}) {
+export function ProductionColumnsComponent({ columnState, technician, bodyshop, data, tableState, refetch }) {
   const [columns, setColumns] = columnState;
   const { t } = useTranslation();
   const {
@@ -35,26 +29,18 @@ export function ProductionColumnsComponent({
     names: ["Enhanced_Payroll"],
     splitKey: bodyshop.imexshopid
   });
-
   const handleAdd = (e) => {
-    const newColumn = dataSource({
-      bodyshop,
-      technician,
-      state: tableState,
-      data,
-      activeStatuses: bodyshop.md_ro_statuses.active_statuses,
-      treatments: { Enhanced_Payroll }
-    }).find((i) => i.key === e.key);
-
-    if (newColumn) {
-      const updatedColumns = [...columns, newColumn];
-      setColumns(updatedColumns);
-
-      // Call the onColumnAdd function passed as a prop
-      if (onColumnAdd) {
-        onColumnAdd(newColumn);
-      }
-    }
+    setColumns([
+      ...columns,
+      ...dataSource({
+        bodyshop,
+        technician,
+        state: tableState,
+        data,
+        activeStatuses: bodyshop.md_ro_statuses.active_statuses,
+        treatments: { Enhanced_Payroll }
+      }).filter((i) => i.key === e.key)
+    ]);
   };
 
   const columnKeys = columns.map((i) => i.key);
@@ -90,4 +76,12 @@ export function ProductionColumnsComponent({
   );
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(ProductionColumnsComponent);
+// <Transfer
+// dataSource={dataSource}
+// titles={["Source", "Target"]}
+// targetKeys={columns.map((c) => c.key)}
+// render={(item) => item.title}
+// onChange={(nextTargetKeys, direction, moveKeys) => {
+//   setColumns(dataSource.filter((i) => nextTargetKeys.includes(i.key)));
+// }}
+// />

client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx

@@ -7,7 +7,6 @@ import { Button, Form, Input, notification, Popover, Space } from "antd";
 import { useTranslation } from "react-i18next";
 import { UPDATE_SHOP } from "../../graphql/bodyshop.queries";
 import { logImEXEvent } from "../../firebase/firebase.utils";
-import { isFunction } from "lodash";
 
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
@@ -17,7 +16,7 @@ const mapDispatchToProps = (dispatch) => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
-export function ProductionListSaveConfigButton({ columns, bodyshop, tableState, onSave }) {
+export function ProductionListSaveConfigButton({ columns, bodyshop, tableState }) {
   const [updateShop] = useMutation(UPDATE_SHOP);
   const [loading, setLoading] = useState(false);
   const [open, setOpen] = useState(false);
@@ -50,9 +49,6 @@ export function ProductionListSaveConfigButton({ columns, bodyshop, tableState,
     });
     if (!!!result.errors) {
       notification["success"]({ message: t("bodyshop.successes.save") });
-      if (onSave && isFunction(onSave)) {
-        onSave();
-      }
     } else {
       notification["error"]({
         message: t("bodyshop.errors.saving", {

client/src/components/production-list-table/production-list-table-view-select.component.jsx

@@ -11,7 +11,6 @@ import { selectTechnician } from "../../redux/tech/tech.selectors";
 import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
 import ProductionListColumns from "../production-list-columns/production-list-columns.data";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
-import { isFunction } from "lodash";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -19,17 +18,7 @@ const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser
 });
 
-export function ProductionListTable({
-  refetch,
-  bodyshop,
-  technician,
-  currentUser,
-  state,
-  data,
-  setColumns,
-  setState,
-  onProfileChange
-}) {
+export function ProductionListTable({ refetch, bodyshop, technician, currentUser, state, data, setColumns, setState }) {
   const { t } = useTranslation();
   const [updateDefaultProdView] = useMutation(UPDATE_ACTIVE_PROD_LIST_VIEW);
   const [updateShop] = useMutation(UPDATE_SHOP);
@@ -43,25 +32,25 @@ export function ProductionListTable({
   });
 
   const handleSelect = async (value, option) => {
-    const newColumns = bodyshop.production_config
-      .filter((pc) => pc.name === value)[0]
-      .columns.columnKeys.map((k) => {
-        return {
-          ...ProductionListColumns({
-            bodyshop,
-            refetch,
-            technician,
-            state,
-            data: data,
-            activeStatuses: bodyshop.md_ro_statuses.active_statuses,
-            treatments: { Enhanced_Payroll }
-          }).find((e) => e.key === k.key),
-          width: k.width
-        };
-      });
-    setColumns(newColumns);
-    const newState = bodyshop.production_config.filter((pc) => pc.name === value)[0].columns.tableState;
-    setState(newState);
+    setColumns(
+      bodyshop.production_config
+        .filter((pc) => pc.name === value)[0]
+        .columns.columnKeys.map((k) => {
+          return {
+            ...ProductionListColumns({
+              bodyshop,
+              refetch,
+              technician,
+              state,
+              data: data,
+              activeStatuses: bodyshop.md_ro_statuses.active_statuses,
+              treatments: { Enhanced_Payroll }
+            }).find((e) => e.key === k.key),
+            width: k.width
+          };
+        })
+    );
+    setState(bodyshop.production_config.filter((pc) => pc.name === value)[0].columns.tableState);
 
     const assoc = bodyshop.associations.find((a) => a.useremail === currentUser.email);
 
@@ -83,10 +72,6 @@ export function ProductionListTable({
         }
       });
     }
-
-    if (onProfileChange && isFunction(onProfileChange)) {
-      onProfileChange({ value, option, newColumns, newState, assoc });
-    }
   };
 
   const handleTrash = async (name) => {

client/src/components/production-list-table/production-list-table.component.jsx

@@ -1,6 +1,8 @@
-import React, { useEffect, useMemo, useRef, useState } from "react";
+import { SyncOutlined } from "@ant-design/icons";
+import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import { Button, Dropdown, Input, Space, Statistic, Table } from "antd";
 import { PageHeader } from "@ant-design/pro-layout";
+import React, { useEffect, useMemo, useState } from "react";
 import ReactDragListView from "react-drag-listview";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -14,11 +16,6 @@ import ProductionListSaveConfigButton from "../production-list-save-config-butto
 import ProductionListPrint from "./production-list-print.component";
 import ProductionListTableViewSelect from "./production-list-table-view-select.component";
 import ResizeableTitle from "./production-list-table.resizeable.component";
-import { useSplitTreatments } from "@splitsoftware/splitio-react";
-import { SyncOutlined } from "@ant-design/icons";
-import Prompt from "../../utils/prompt.js";
-import _ from "lodash";
-import AlertComponent from "../alert/alert.component.jsx";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -28,7 +25,6 @@ const mapStateToProps = createStructuredSelector({
 
 export function ProductionListTable({ loading, data, refetch, bodyshop, technician, currentUser }) {
   const [searchText, setSearchText] = useState("");
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
 
   const {
     treatments: { Production_List_Status_Colors, Enhanced_Payroll }
@@ -39,9 +35,10 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
   });
 
   const assoc = bodyshop.associations.find((a) => a.useremail === currentUser.email);
+
   const defaultView = assoc && assoc.default_prod_list_view;
 
-  const initialStateRef = useRef(
+  const [state, setState] = useState(
     (bodyshop.production_config &&
       bodyshop.production_config.find((p) => p.name === defaultView)?.columns.tableState) ||
       bodyshop.production_config[0]?.columns.tableState || {
@@ -50,102 +47,80 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
       }
   );
 
-  const initialColumnsRef = useRef(
-    (initialStateRef.current &&
-      bodyshop.production_config
-        .find((p) => p.name === defaultView)
-        ?.columns.columnKeys.map((k) => {
-          return {
-            ...ProductionListColumns({
-              bodyshop,
-              refetch,
-              technician,
-              state: initialStateRef.current,
-              data,
-              activeStatuses: bodyshop.md_ro_statuses.active_statuses,
-              treatments: { Production_List_Status_Colors, Enhanced_Payroll }
-            }).find((e) => e.key === k.key),
-            width: k.width ?? 100
-          };
-        })) ||
-      []
-  );
-
-  const [state, setState] = useState(initialStateRef.current);
-  const [columns, setColumns] = useState(initialColumnsRef.current);
-
   const { t } = useTranslation();
 
   const matchingColumnConfig = useMemo(() => {
     return bodyshop.production_config.find((p) => p.name === defaultView);
   }, [bodyshop.production_config, defaultView]);
 
-  useEffect(() => {
-    const newColumns =
-      matchingColumnConfig?.columns.columnKeys.map((k) => {
+  const [columns, setColumns] = useState(
+    (state &&
+      matchingColumnConfig &&
+      matchingColumnConfig.columns.columnKeys.map((k) => {
         return {
           ...ProductionListColumns({
             bodyshop,
-            technician,
             refetch,
+            technician,
             state,
-            data: data,
+            data,
             activeStatuses: bodyshop.md_ro_statuses.active_statuses,
             treatments: { Production_List_Status_Colors, Enhanced_Payroll }
           }).find((e) => e.key === k.key),
           width: k.width ?? 100
         };
-      }) || [];
+      })) ||
+      []
+  );
 
-    // Only update columns if they haven't been manually changed by the user
-    if (_.isEqual(initialColumnsRef.current, columns)) {
-      setColumns(newColumns);
-    }
+  useEffect(() => {
+    const newColumns =
+      (state &&
+        matchingColumnConfig &&
+        matchingColumnConfig.columns.columnKeys.map((k) => {
+          return {
+            ...ProductionListColumns({
+              bodyshop,
+              technician,
+              refetch,
+              state,
+              data: data,
+              activeStatuses: bodyshop.md_ro_statuses.active_statuses,
+              treatments: { Production_List_Status_Colors, Enhanced_Payroll }
+            }).find((e) => e.key === k.key),
+            width: k.width ?? 100
+          };
+        })) ||
+      [];
+    setColumns(newColumns);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
+    //state,
     matchingColumnConfig,
     bodyshop,
     technician,
-    data,
-    Enhanced_Payroll,
-    Production_List_Status_Colors,
-    refetch,
-    state,
-    columns
-  ]);
+    data
+  ]); //State removed from dependency array as it causes race condition when removing columns from table view and is not needed.
 
   const handleTableChange = (pagination, filters, sorter) => {
-    const newState = {
+    setState({
       ...state,
       filteredInfo: filters,
       sortedInfo: { columnKey: sorter.columnKey, order: sorter.order }
-    };
-    if (!_.isEqual(newState, state)) {
-      setState(newState);
-      setHasUnsavedChanges(true);
-    }
+    });
   };
 
   const onDragEnd = (fromIndex, toIndex) => {
-    if (fromIndex === toIndex) return;
-
-    const columnsCopy = [...columns];
-    const [movedItem] = columnsCopy.splice(fromIndex, 1);
-    columnsCopy.splice(toIndex, 0, movedItem);
-
-    if (!_.isEqual(columnsCopy, columns)) {
-      setColumns(columnsCopy);
-      setHasUnsavedChanges(true);
-    }
+    const columnsCopy = columns.slice();
+    const item = columnsCopy.splice(fromIndex, 1)[0];
+    columnsCopy.splice(toIndex, 0, item);
+    setColumns(columnsCopy);
   };
 
   const removeColumn = (e) => {
     const { key } = e;
     const newColumns = columns.filter((i) => i.key !== key);
-
-    if (!_.isEqual(newColumns, columns)) {
-      setColumns(newColumns);
-      setHasUnsavedChanges(true);
-    }
+    setColumns(newColumns);
   };
 
   const handleResize =
@@ -156,21 +131,9 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
         ...nextColumns[index],
         width: size.width
       };
-
-      if (!_.isEqual(nextColumns, columns)) {
-        setColumns(nextColumns);
-        setHasUnsavedChanges(true);
-      }
+      setColumns(nextColumns);
     };
 
-  const addColumn = (newColumn) => {
-    const updatedColumns = [...columns, newColumn];
-    if (!_.isEqual(updatedColumns, columns)) {
-      setColumns(updatedColumns);
-      setHasUnsavedChanges(true);
-    }
-  };
-
   const headerItem = (col) => {
     const menu = {
       onClick: removeColumn,
@@ -189,29 +152,29 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
     );
   };
 
-  const resetChanges = () => {
-    setState(initialStateRef.current);
-    setColumns(initialColumnsRef.current);
-    setHasUnsavedChanges(false);
-  };
+  const dataSource =
+    searchText === ""
+      ? data
+      : data.filter(
+          (j) =>
+            (j.ro_number || "").toString().toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.ownr_co_nm || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.ownr_fn || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.ownr_ln || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.status || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.ins_co_nm || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.clm_no || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.v_model_desc || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.v_make_desc || "").toLowerCase().includes(searchText.toLowerCase())
+        );
 
-  const filterData = (item, searchText) => {
-    const fieldsToSearch = [
-      item.ro_number,
-      item.ownr_co_nm,
-      item.ownr_fn,
-      item.ownr_ln,
-      item.status,
-      item.ins_co_nm,
-      item.clm_no,
-      item.v_model_desc,
-      item.v_make_desc
-    ];
-
-    return fieldsToSearch.some((field) => (field || "").toString().toLowerCase().includes(searchText.toLowerCase()));
-  };
-
-  const dataSource = searchText === "" ? data : data.filter((j) => filterData(j, searchText));
+  // const handleSelectRecord = (record) => {
+  //   if (selected !== record.id) {
+  //     setSelected(record.id);
+  //   } else {
+  //     setSelected(null);
+  //   }
+  // };
 
   if (!!!columns) return <div>No columns found.</div>;
 
@@ -223,29 +186,8 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
     .toFixed(1);
   const totalLAB = data.reduce((acc, val) => acc + (val.labhrs?.aggregate?.sum?.mod_lb_hrs || 0), 0).toFixed(1);
   const totalLAR = data.reduce((acc, val) => acc + (val.larhrs?.aggregate?.sum?.mod_lb_hrs || 0), 0).toFixed(1);
-
   return (
     <div>
-      <Prompt when={hasUnsavedChanges} beforeUnload={true} message={t("general.messages.unsavedchangespopup")} />
-      {hasUnsavedChanges && (
-        <AlertComponent
-          type="warning"
-          message={
-            <div>
-              <span>{t("general.messages.unsavedchanges")} </span>
-              <span
-                onClick={resetChanges}
-                style={{
-                  cursor: "pointer",
-                  textDecoration: "underline"
-                }}
-              >
-                {t("general.actions.reset")}
-              </span>
-            </div>
-          }
-        />
-      )}
       <PageHeader
         title={
           <Space>
@@ -257,37 +199,20 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
         }
         extra={
           <Space wrap>
-            <Button
-              onClick={() => {
-                refetch && refetch();
-              }}
-            >
+            <Button onClick={() => refetch && refetch()}>
               <SyncOutlined />
             </Button>
-            <ProductionListColumnsAdd
-              columnState={[columns, setColumns]}
-              tableState={state}
-              data={data}
-              onColumnAdd={addColumn}
-            />
-            <ProductionListSaveConfigButton
-              columns={columns}
-              tableState={state}
-              onSave={() => {
-                setHasUnsavedChanges(false);
-              }}
-            />
+            <ProductionListColumnsAdd columnState={[columns, setColumns]} tableState={state} data={data} />
+            <ProductionListSaveConfigButton columns={columns} tableState={state} />
+
             <ProductionListTableViewSelect
               state={state}
               setState={setState}
               setColumns={setColumns}
-              onProfileChange={() => {
-                initialStateRef.current = state;
-                setHasUnsavedChanges(false);
-              }}
               refetch={refetch}
               data={data}
             />
+
             <Input
               onChange={(e) => setSearchText(e.target.value)}
               placeholder={t("general.labels.search")}