Progress Update.

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/header/header.component.jsx

@@ -12,7 +12,7 @@ import Icon, {
     FileAddOutlined,
     FileFilled,
     HomeFilled,
-    ImportOutlined,
+    ImportOutlined, InfoCircleOutlined,
     LineChartOutlined,
     PaperClipOutlined,
     PhoneOutlined,
@@ -25,8 +25,8 @@ import Icon, {
     UserOutlined,
 } from "@ant-design/icons";
 import {useSplitTreatments} from "@splitsoftware/splitio-react";
-import {Layout, Menu} from "antd";
-import React from "react";
+import {Layout, Menu, Switch, Tooltip} from "antd";
+import React, {useEffect, useState} from "react";
 import {useTranslation} from "react-i18next";
 import {BsKanban} from "react-icons/bs";
 import {FaCalendarAlt, FaCarCrash, FaCreditCard, FaFileInvoiceDollar,} from "react-icons/fa";
@@ -41,6 +41,7 @@ import {setModalContext} from "../../redux/modals/modals.actions";
 import {signOutStart} from "../../redux/user/user.actions";
 import {selectBodyshop, selectCurrentUser,} from "../../redux/user/user.selectors";
 import {FiLogOut} from "react-icons/fi";
+import handleBeta, {checkBeta, setBeta} from "../../utils/betaHandler";
 
 const mapStateToProps = createStructuredSelector({
     currentUser: selectCurrentUser,
@@ -70,9 +71,21 @@ function Header({handleMenuClick, currentUser, bodyshop, selectedHeader, signOut
         names: ["ImEXPay", "DmsAp", "Simple_Inventory"],
         splitKey: bodyshop && bodyshop.imexshopid,
     });
-
+    const [betaSwitch, setBetaSwitch] = useState(false);
     const {t} = useTranslation();
 
+    useEffect(() => {
+        const isBeta = checkBeta();
+        setBetaSwitch(isBeta );
+    }, []);
+
+
+    const betaSwitchChange = (checked) => {
+        setBeta(checked);
+        setBetaSwitch(checked);
+        handleBeta();
+    }
+
     const accountingChildren = [
         {
             key: 'bills',
@@ -451,13 +464,28 @@ function Header({handleMenuClick, currentUser, bodyshop, selectedHeader, signOut
 
             })),
         }
-    ]
+    ];
+
+
+        menuItems.push({
+            key: 'beta-switch',
+            style: { marginLeft: 'auto' },
+            label: (
+                    <Tooltip title="A faster more modern ImEX Online is ready for you to try! You can switch back at any time.">
+                        <InfoCircleOutlined />
+                        <span style={{marginRight: 8}}>Try the new ImEX Online</span>
+                        <Switch
+                            checked={betaSwitch}
+                            onChange={betaSwitchChange}
+                        />
+                    </Tooltip>
+            )
+        });
 
     return (
         <Layout.Header>
             <Menu
                 mode="horizontal"
-                //theme="light"
                 theme={"dark"}
                 selectedKeys={[selectedHeader]}
                 onClick={handleMenuClick}