feature/IO-3255-simplified-parts-management - Front End Cleanup

client/src/components/jobs-documents-imgproxy-gallery/jobs-document-imgproxy-gallery.download.component.jsx

@@ -3,7 +3,6 @@ import axios from "axios";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { logImEXEvent } from "../../firebase/firebase.utils";
-import cleanAxios from "../../utils/CleanAxios";
 import formatBytes from "../../utils/formatbytes";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";

client/src/pages/manage/manage.page.component.jsx

@@ -22,7 +22,6 @@ import PrintCenterModalContainer from "../../components/print-center-modal/print
 import ShopSubStatusComponent from "../../components/shop-sub-status/shop-sub-status.component";
 import UpdateAlert from "../../components/update-alert/update-alert.component";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
-import { useSocket } from "../../contexts/SocketIO/useSocket.js";
 import { addAlerts } from "../../redux/application/application.actions.js";
 import { selectAlerts } from "../../redux/application/application.selectors.js";
 import { selectBodyshop, selectInstanceConflict } from "../../redux/user/user.selectors";
@@ -102,7 +101,7 @@ const MyTasksPage = lazy(() => import("../tasks/myTasksPageContainer.jsx"));
 const AllTasksPage = lazy(() => import("../tasks/allTasksPageContainer.jsx"));
 
 const TaskUpsertModalContainer = lazy(() => import("../../components/task-upsert-modal/task-upsert-modal.container"));
-const { Content, Footer } = Layout;
+const { Content } = Layout;
 
 const mapStateToProps = createStructuredSelector({
   conflict: selectInstanceConflict,
@@ -122,7 +121,6 @@ const mapDispatchToProps = (dispatch) => ({
 export function Manage({ conflict, bodyshop, alerts, setAlerts }) {
   const { t } = useTranslation();
   const [chatVisible] = useState(false);
-  const { socket, clientId } = useSocket();
   const notification = useNotification();
 
   // State to track displayed alerts
@@ -636,13 +634,6 @@ export function Manage({ conflict, bodyshop, alerts, setAlerts }) {
   else if (bodyshop && bodyshop.sub_status !== "active") PageContent = <ShopSubStatusComponent />;
   else PageContent = AppRouteTable;
 
-  const broadcastMessage = () => {
-    if (socket && bodyshop && bodyshop.id) {
-      console.log(`Broadcasting message to bodyshop ${bodyshop.id}:`);
-      socket.emit("broadcast-to-bodyshop", bodyshop.id, `Hello from ${clientId}`);
-    }
-  };
-
   return (
     <>
       <ChatAffixContainer bodyshop={bodyshop} chatVisible={chatVisible} />

client/src/pages/simplified-parts-jobs-detail/simplified-parts-jobs-detail.component.jsx

@@ -16,8 +16,6 @@ import JobsChangeStatus from "../../components/jobs-change-status/jobs-change-st
 import JobsDetailHeaderActions from "../../components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx";
 import JobsDetailHeader from "../../components/jobs-detail-header/jobs-detail-header.component.jsx";
 import JobsDetailPliContainer from "../../components/jobs-detail-pli/jobs-detail-pli.container.jsx";
-import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
-import { useSocket } from "../../contexts/SocketIO/useSocket.js";
 import { QUERY_PARTS_BILLS_BY_JOBID } from "../../graphql/bills.queries.js";
 import { insertAuditTrail } from "../../redux/application/application.actions.js";
 import { selectJobReadOnly } from "../../redux/application/application.selectors.js";
@@ -60,18 +58,14 @@ export function SimplifiedPartsJobDetailComponent({
   const { t } = useTranslation();
   const [form] = Form.useForm();
   const history = useNavigate();
-  const [loading, setLoading] = useState(false);
+  const [loading] = useState(false);
   const search = queryString.parse(useLocation().search);
-  const formItemLayout = {
+
-    layout: "vertical"
-  };
   const billsQuery = useQuery(QUERY_PARTS_BILLS_BY_JOBID, {
     variables: { jobid: job.id },
     fetchPolicy: "network-only",
     nextFetchPolicy: "network-only"
   });
-  const notification = useNotification();
-  const { scenarioNotificationsOn } = useSocket();
 
   useEffect(() => {
     //form.setFieldsValue(transormJobToForm(job));

client/src/redux/user/user.selectors.js

@@ -1,4 +1,3 @@
-import { create } from "lodash";
 import { createSelector } from "reselect";
 
 const selectUser = (state) => state.user;
@@ -18,7 +17,4 @@ export const selectAuthLevel = createSelector([selectUser], (user) => user.authL
 export const selectLoginLoading = createSelector([selectUser], (user) => user.loginLoading);
 
 export const selectCurrentEula = createSelector([selectUser], (user) => user.currentEula);
-export const selectPartsManagementOnly = createSelector(
+export const selectPartsManagementOnly = createSelector([selectUser], (user) => user.partsManagementOnly);
-    [selectUser],
-    (user) => user.partsManagementOnly
-);