Reformat all project files to use the prettier config file.

client/src/App/App.jsx

@@ -17,245 +17,225 @@ import TechPageContainer from "../pages/tech/tech.page.container";
 import { setOnline } from "../redux/application/application.actions";
 import { selectOnline } from "../redux/application/application.selectors";
 import { checkUserSession } from "../redux/user/user.actions";
-import {
-    selectBodyshop,
-    selectCurrentEula,
-    selectCurrentUser,
-} from "../redux/user/user.selectors";
+import { selectBodyshop, selectCurrentEula, selectCurrentUser } from "../redux/user/user.selectors";
 import PrivateRoute from "../components/PrivateRoute";
 import "./App.styles.scss";
 import handleBeta from "../utils/betaHandler";
 import Eula from "../components/eula/eula.component";
 import InstanceRenderMgr from "../utils/instanceRenderMgr";
-import { ProductFruits } from 'react-product-fruits';
+import { ProductFruits } from "react-product-fruits";
 
-const ResetPassword = lazy(() =>
-    import("../pages/reset-password/reset-password.component")
-);
+const ResetPassword = lazy(() => import("../pages/reset-password/reset-password.component"));
 const ManagePage = lazy(() => import("../pages/manage/manage.page.container"));
 const SignInPage = lazy(() => import("../pages/sign-in/sign-in.page"));
 
 const CsiPage = lazy(() => import("../pages/csi/csi.container.page"));
-const MobilePaymentContainer = lazy(() =>
-    import("../pages/mobile-payment/mobile-payment.container")
-);
+const MobilePaymentContainer = lazy(() => import("../pages/mobile-payment/mobile-payment.container"));
 const mapStateToProps = createStructuredSelector({
-    currentUser: selectCurrentUser,
-    online: selectOnline,
-    bodyshop: selectBodyshop,
-    currentEula: selectCurrentEula,
+  currentUser: selectCurrentUser,
+  online: selectOnline,
+  bodyshop: selectBodyshop,
+  currentEula: selectCurrentEula
 });
 const mapDispatchToProps = (dispatch) => ({
-    checkUserSession: () => dispatch(checkUserSession()),
-    setOnline: (isOnline) => dispatch(setOnline(isOnline)),
+  checkUserSession: () => dispatch(checkUserSession()),
+  setOnline: (isOnline) => dispatch(setOnline(isOnline))
 });
 
-export function App({
-    bodyshop,
-    checkUserSession,
-    currentUser,
-    online,
-    setOnline,
-    currentEula,
-}) {
-    const client = useSplitClient().client;
-    const [listenersAdded, setListenersAdded] = useState(false);
-    const { t } = useTranslation();
+export function App({ bodyshop, checkUserSession, currentUser, online, setOnline, currentEula }) {
+  const client = useSplitClient().client;
+  const [listenersAdded, setListenersAdded] = useState(false);
+  const { t } = useTranslation();
 
-    useEffect(() => {
-        if (!navigator.onLine) {
-            setOnline(false);
-        }
-
-        checkUserSession();
-    }, [checkUserSession, setOnline]);
-
-    //const b = Grid.useBreakpoint();
-    // console.log("Breakpoints:", b);
-
-    // Associate event listeners, memoize to prevent multiple listeners being added
-    useEffect(() => {
-        const offlineListener = (e) => {
-            setOnline(false);
-        };
-
-        const onlineListener = (e) => {
-            setOnline(true);
-        };
-
-        if (!listenersAdded) {
-            console.log("Added events for offline and online");
-            window.addEventListener("offline", offlineListener);
-            window.addEventListener("online", onlineListener);
-            setListenersAdded(true);
-        }
-
-        return () => {
-            window.removeEventListener("offline", offlineListener);
-            window.removeEventListener("online", onlineListener);
-        };
-    }, [setOnline, listenersAdded]);
-
-    useEffect(() => {
-        if (currentUser.authorized && bodyshop) {
-            client.setAttribute("imexshopid", bodyshop.imexshopid);
-
-            if (
-                client.getTreatment("LogRocket_Tracking") === "on" ||
-                window.location.hostname ===
-                    InstanceRenderMgr({
-                        imex: "beta.imex.online",
-                        rome: "beta.romeonline.io",
-                    })
-            ) {
-                console.log("LR Start");
-                LogRocket.init(
-                    InstanceRenderMgr({
-                        imex: "gvfvfw/bodyshopapp",
-                        rome: "rome-online/rome-online",
-                        promanager: "", //TODO:AIO Add in log rocket for promanager instances.
-                    })
-                );
-            }
-        }
-    }, [bodyshop, client, currentUser.authorized]);
-
-    if (currentUser.authorized === null) {
-        return <LoadingSpinner message={t("general.labels.loggingin")} />;
+  useEffect(() => {
+    if (!navigator.onLine) {
+      setOnline(false);
     }
 
-    handleBeta();
+    checkUserSession();
+  }, [checkUserSession, setOnline]);
 
-    if (!online)
-        return (
-            <Result
-                status="warning"
-                title={t("general.labels.nointernet")}
-                subTitle={t("general.labels.nointernet_sub")}
-                extra={
-                    <Button
-                        type="primary"
-                        onClick={() => {
-                            window.location.reload();
-                        }}
-                    >
-                        {t("general.actions.refresh")}
-                    </Button>
-                }
-            />
+  //const b = Grid.useBreakpoint();
+  // console.log("Breakpoints:", b);
+
+  // Associate event listeners, memoize to prevent multiple listeners being added
+  useEffect(() => {
+    const offlineListener = (e) => {
+      setOnline(false);
+    };
+
+    const onlineListener = (e) => {
+      setOnline(true);
+    };
+
+    if (!listenersAdded) {
+      console.log("Added events for offline and online");
+      window.addEventListener("offline", offlineListener);
+      window.addEventListener("online", onlineListener);
+      setListenersAdded(true);
+    }
+
+    return () => {
+      window.removeEventListener("offline", offlineListener);
+      window.removeEventListener("online", onlineListener);
+    };
+  }, [setOnline, listenersAdded]);
+
+  useEffect(() => {
+    if (currentUser.authorized && bodyshop) {
+      client.setAttribute("imexshopid", bodyshop.imexshopid);
+
+      if (
+        client.getTreatment("LogRocket_Tracking") === "on" ||
+        window.location.hostname ===
+          InstanceRenderMgr({
+            imex: "beta.imex.online",
+            rome: "beta.romeonline.io"
+          })
+      ) {
+        console.log("LR Start");
+        LogRocket.init(
+          InstanceRenderMgr({
+            imex: "gvfvfw/bodyshopapp",
+            rome: "rome-online/rome-online",
+            promanager: "" //TODO:AIO Add in log rocket for promanager instances.
+          })
         );
-
-    if (currentEula && !currentUser.eulaIsAccepted) {
-        return <Eula />;
+      }
     }
+  }, [bodyshop, client, currentUser.authorized]);
 
-    // Any route that is not assigned and matched will default to the Landing Page component
+  if (currentUser.authorized === null) {
+    return <LoadingSpinner message={t("general.labels.loggingin")} />;
+  }
+
+  handleBeta();
+
+  if (!online)
     return (
-
-        <Suspense
-            fallback={
-                <LoadingSpinner
-                    message={InstanceRenderMgr({
-                      imex: t("titles.imexonline"),
-                      rome: t("titles.romeonline"),
-                      promanager: t("titles.promanager")
-                    })}
-                />
-            }
-        >     
-         <ProductFruits 
-          workspaceCode={InstanceRenderMgr({imex:null, rome: null, promanager:"aoJoEifvezYI0Z0P"})}
-          debug
-          
-          language="en" user={{
-          email: currentUser.email,
-          username: currentUser.email,
-         }} />
-
-            <Routes>
-                <Route
-                    path="*"
-                    element={
-                        <ErrorBoundary>
-                            <LandingPage />
-                        </ErrorBoundary>
-                    }
-                />
-                <Route
-                    path="/signin"
-                    element={
-                        <ErrorBoundary>
-                            <SignInPage />
-                        </ErrorBoundary>
-                    }
-                />
-                <Route
-                    path="/resetpassword"
-                    element={
-                        <ErrorBoundary>
-                            <ResetPassword />
-                        </ErrorBoundary>
-                    }
-                />
-                <Route
-                    path="/csi/:surveyId"
-                    element={
-                        <ErrorBoundary>
-                            <CsiPage />
-                        </ErrorBoundary>
-                    }
-                />
-                <Route
-                    path="/disclaimer"
-                    element={
-                        <ErrorBoundary>
-                            <DisclaimerPage />
-                        </ErrorBoundary>
-                    }
-                />
-                <Route
-                    path="/mp/:paymentIs"
-                    element={
-                        <ErrorBoundary>
-                            <MobilePaymentContainer />
-                        </ErrorBoundary>
-                    }
-                />
-                <Route
-                    path="/manage/*"
-                    element={
-                        <ErrorBoundary>
-                            <PrivateRoute
-                                isAuthorized={currentUser.authorized}
-                            />
-                        </ErrorBoundary>
-                    }
-                >
-                    <Route path="*" element={<ManagePage />} />
-                </Route>
-                <Route
-                    path="/tech/*"
-                    element={
-                        <ErrorBoundary>
-                            <PrivateRoute
-                                isAuthorized={currentUser.authorized}
-                            />
-                        </ErrorBoundary>
-                    }
-                >
-                    <Route path="*" element={<TechPageContainer />} />
-                </Route>
-                <Route
-                    path="/edit/*"
-                    element={
-                        <PrivateRoute isAuthorized={currentUser.authorized} />
-                    }
-                >
-                    <Route path="*" element={<DocumentEditorContainer />} />
-                </Route>
-            </Routes>
-        </Suspense>
+      <Result
+        status="warning"
+        title={t("general.labels.nointernet")}
+        subTitle={t("general.labels.nointernet_sub")}
+        extra={
+          <Button
+            type="primary"
+            onClick={() => {
+              window.location.reload();
+            }}
+          >
+            {t("general.actions.refresh")}
+          </Button>
+        }
+      />
     );
+
+  if (currentEula && !currentUser.eulaIsAccepted) {
+    return <Eula />;
+  }
+
+  // Any route that is not assigned and matched will default to the Landing Page component
+  return (
+    <Suspense
+      fallback={
+        <LoadingSpinner
+          message={InstanceRenderMgr({
+            imex: t("titles.imexonline"),
+            rome: t("titles.romeonline"),
+            promanager: t("titles.promanager")
+          })}
+        />
+      }
+    >
+      <ProductFruits
+        workspaceCode={InstanceRenderMgr({
+          imex: null,
+          rome: null,
+          promanager: "aoJoEifvezYI0Z0P"
+        })}
+        debug
+        language="en"
+        user={{
+          email: currentUser.email,
+          username: currentUser.email
+        }}
+      />
+
+      <Routes>
+        <Route
+          path="*"
+          element={
+            <ErrorBoundary>
+              <LandingPage />
+            </ErrorBoundary>
+          }
+        />
+        <Route
+          path="/signin"
+          element={
+            <ErrorBoundary>
+              <SignInPage />
+            </ErrorBoundary>
+          }
+        />
+        <Route
+          path="/resetpassword"
+          element={
+            <ErrorBoundary>
+              <ResetPassword />
+            </ErrorBoundary>
+          }
+        />
+        <Route
+          path="/csi/:surveyId"
+          element={
+            <ErrorBoundary>
+              <CsiPage />
+            </ErrorBoundary>
+          }
+        />
+        <Route
+          path="/disclaimer"
+          element={
+            <ErrorBoundary>
+              <DisclaimerPage />
+            </ErrorBoundary>
+          }
+        />
+        <Route
+          path="/mp/:paymentIs"
+          element={
+            <ErrorBoundary>
+              <MobilePaymentContainer />
+            </ErrorBoundary>
+          }
+        />
+        <Route
+          path="/manage/*"
+          element={
+            <ErrorBoundary>
+              <PrivateRoute isAuthorized={currentUser.authorized} />
+            </ErrorBoundary>
+          }
+        >
+          <Route path="*" element={<ManagePage />} />
+        </Route>
+        <Route
+          path="/tech/*"
+          element={
+            <ErrorBoundary>
+              <PrivateRoute isAuthorized={currentUser.authorized} />
+            </ErrorBoundary>
+          }
+        >
+          <Route path="*" element={<TechPageContainer />} />
+        </Route>
+        <Route path="/edit/*" element={<PrivateRoute isAuthorized={currentUser.authorized} />}>
+          <Route path="*" element={<DocumentEditorContainer />} />
+        </Route>
+      </Routes>
+    </Suspense>
+  );
 }
 
 export default connect(mapStateToProps, mapDispatchToProps)(App);