IO-3255 Clean up front end components for pm.

client/src/pages/simplified-parts/simplified-parts.page.component.jsx

@@ -1,26 +1,24 @@
-import { AlertOutlined, BulbOutlined } from "@ant-design/icons";
 import * as Sentry from "@sentry/react";
-import { Button, FloatButton, Layout, Space, Spin } from "antd";
+import { FloatButton, Layout, Spin } from "antd";
 import { lazy, Suspense, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
-import { Link, Route, Routes } from "react-router-dom";
+import { Route, Routes } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import BreadCrumbs from "../../components/breadcrumbs/breadcrumbs.component.jsx";
 import ConflictComponent from "../../components/conflict/conflict.component.jsx";
 import ErrorBoundary from "../../components/error-boundary/error-boundary.component.jsx";
+import GlobalFooter from "../../components/global-footer/global-footer.component.jsx";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component.jsx";
 import PrintCenterModalContainer from "../../components/print-center-modal/print-center-modal.container.jsx";
 import ShopSubStatusComponent from "../../components/shop-sub-status/shop-sub-status.component.jsx";
 import UpdateAlert from "../../components/update-alert/update-alert.component.jsx";
-import WssStatusDisplayComponent from "../../components/wss-status-display/wss-status-display.component.jsx";
 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.js";
 import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
-
 const SimplifiedPartsJobsPage = lazy(() => import("../simplified-parts-jobs/simplified-parts-jobs.page.jsx"));
 const SimplifiedPartsJobsDetailPage = lazy(
   () => import("../simplified-parts-jobs-detail/simplified-parts-jobs-detail.container.jsx")
@@ -29,12 +27,10 @@ const ShopPage = lazy(() => import("../shop/shop.page.component.jsx"));
 const ShopVendorPageContainer = lazy(() => import("../shop-vendor/shop-vendor.page.container.jsx"));
 const EmailOverlayContainer = lazy(() => import("../../components/email-overlay/email-overlay.container.jsx"));
 const FeatureRequestPage = lazy(() => import("../feature-request/feature-request.page.jsx"));
-const JobCostingModal = lazy(() => import("../../components/job-costing-modal/job-costing-modal.container.jsx"));
 const ReportCenterModal = lazy(() => import("../../components/report-center-modal/report-center-modal.container.jsx"));
-const BillEnterModalContainer = lazy(() => import("../../components/bill-enter-modal/bill-enter-modal.container.jsx"));
 const Help = lazy(() => import("../help/help.page.jsx"));
 
-const { Content, Footer } = Layout;
+const { Content } = Layout;
 
 const mapStateToProps = createStructuredSelector({
   conflict: selectInstanceConflict,
@@ -141,8 +137,6 @@ export function SimplifiedPartsPage({ conflict, bodyshop, alerts, setAlerts }) {
       }
     >
       <BreadCrumbs />
-      <BillEnterModalContainer />
-      <JobCostingModal />
       <ReportCenterModal />
       <EmailOverlayContainer />
       <PrintCenterModalContainer />
@@ -199,13 +193,6 @@ export function SimplifiedPartsPage({ 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 (
     <Layout style={{ minHeight: "100vh" }} className="layout-container">
       <UpdateAlert />
@@ -216,38 +203,7 @@ export function SimplifiedPartsPage({ conflict, bodyshop, alerts, setAlerts }) {
         </Sentry.ErrorBoundary>
         <FloatButton.BackTop style={{ right: 100, bottom: 25 }} />
       </Content>
-      <Footer>
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            margin: "1rem 0rem"
-          }}
-        >
-          <Link to="/manage/feature-request">
-            <Button icon={<BulbOutlined />} type="text">
-              {t("general.labels.feature-request")}
-            </Button>
-          </Link>
-          <Space>
-            <WssStatusDisplayComponent />
-            <div onClick={broadcastMessage}>
-              {`${InstanceRenderManager({
-                imex: t("titles.imexonline"),
-                rome: t("titles.romeonline")
-              })} - ${import.meta.env.VITE_APP_GIT_SHA_DATE}`}
-            </div>
-            <Button icon={<AlertOutlined />} data-canny-changelog type="text">
-              {t("general.labels.changelog")}
-            </Button>
-          </Space>
-          <Link to="/disclaimer" target="_blank" style={{ color: "#ccc" }}>
-            Disclaimer & Notices
-          </Link>
-        </div>
-      </Footer>
+      <GlobalFooter />
     </Layout>
   );
 }