feature/IO-3255-simplified-parts-management - Checkpoint

client/src/components/global-footer/global-footer.component.jsx

@@ -7,32 +7,63 @@ import { Link } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import WssStatusDisplayComponent from "../../components/wss-status-display/wss-status-display.component.jsx";
 import { addAlerts } from "../../redux/application/application.actions.js";
-import { selectAlerts } from "../../redux/application/application.selectors.js";
+import { selectAlerts, selectIsPartsEntry } from "../../redux/application/application.selectors.js";
 import { selectBodyshop, selectInstanceConflict } from "../../redux/user/user.selectors";
 import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
+
 const { Footer } = Layout;
 
 const mapStateToProps = createStructuredSelector({
   conflict: selectInstanceConflict,
   bodyshop: selectBodyshop,
-  alerts: selectAlerts
+  alerts: selectAlerts,
+  isPartsEntry: selectIsPartsEntry
 });
 
 const mapDispatchToProps = (dispatch) => ({
   setAlerts: (alerts) => dispatch(addAlerts(alerts))
 });
 
-export function GlobalFooter() {
+export function GlobalFooter({ isPartsEntry }) {
   const { t } = useTranslation();
 
   useEffect(() => {
+    // Canny Not Required on Parts Entry
+    if (isPartsEntry) return;
     window.Canny("initChangelog", {
       appID: "680bd2c7ee501290377f6686",
       position: "top",
       align: "left",
       theme: "light" // options: light [default], dark, auto
     });
-  }, []);
+  }, [isPartsEntry]);
+
+  if (isPartsEntry) {
+    return (
+      <Footer>
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "center",
+            margin: "1rem 0rem"
+          }}
+        >
+          <div>
+            {`${InstanceRenderManager({
+              imex: t("titles.imexonline"),
+              rome: t("titles.romeonline")
+            })} - ${import.meta.env.VITE_APP_GIT_SHA_DATE}`}
+          </div>
+          <WssStatusDisplayComponent />
+          <Link to="/disclaimer" target="_blank" style={{ color: "#ccc" }}>
+            Disclaimer & Notices
+          </Link>
+        </div>
+      </Footer>
+    );
+  }
 
   return (
     <Footer>