IO-3255 Clean up front end components for pm.

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

@@ -0,0 +1,73 @@
+import { AlertOutlined, BulbOutlined } from "@ant-design/icons";
+import { Button, Layout, Space } from "antd";
+import { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+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 { 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
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  setAlerts: (alerts) => dispatch(addAlerts(alerts))
+});
+
+export function GlobalFooter() {
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    window.Canny("initChangelog", {
+      appID: "680bd2c7ee501290377f6686",
+      position: "top",
+      align: "left",
+      theme: "light" // options: light [default], dark, auto
+    });
+  }, []);
+
+  return (
+    <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>
+            {`${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>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(GlobalFooter);