Added corrections for prod

src/Common/Constants/global.ts

@@ -0,0 +1,6 @@
+export const ENV = process.env.ENV || "local";
+
+export const enum envs {
+  LOCAL = "LOCAL",
+  PROD = "PROD",
+}

src/Components/Dictionary/AddWord/AddWord.tsx

@@ -10,6 +10,7 @@ import {
   newWordPlaceholders,
   translationPlaceholders,
 } from "../../../Common/Constants/dictionary";
+import { ENV, envs } from "../../../Common/Constants/global";
 
 interface IAddWordProps {
   title?: string;
@@ -158,11 +159,12 @@ const AddWord: FC<IAddWordProps> = (props) => {
         >
           Save translation
         </Button>
-
-        <button onClick={() => console.log(props.dictionary)}>
-          {/*The button for the debug purpose */}
-          show dictionary
-        </button>
+        {ENV !== envs.PROD && (
+          <button onClick={() => console.log(props.dictionary)}>
+            {/*The button for the debug purpose */}
+            show dictionary
+          </button>
+        )}
       </div>
     </Page>
   );

src/Components/Dictionary/Dashboard/Dashboard.tsx

@@ -3,6 +3,7 @@ import { Page } from "../../Page";
 import { NavLink } from "react-router-dom";
 import styles from "./Dashboard.module.scss";
 import classNames from "classnames";
+import { ENV, envs } from "../../../Common/Constants/global";
 
 interface IDashboardProps {
   title?: string;
@@ -35,11 +36,13 @@ const Dashboard: FC<IDashboardProps> = (props) => {
             Bring To Mind
           </NavLink>
         </div>
-        <div>
-          <NavLink className="styled-btn fancy-btn width-80" to="/exam">
-            Check Yourself
-          </NavLink>
-        </div>
+        {ENV !== envs.PROD && (
+          <div>
+            <NavLink className="styled-btn fancy-btn width-80" to="/exam">
+              Check Yourself
+            </NavLink>
+          </div>
+        )}
       </div>
     </Page>
   );

src/Router/routes.ts

@@ -1,4 +1,5 @@
 import { IRoute } from "../Types/route";
+import { ENV, envs } from "../Common/Constants/global";
 
 export const appRoutes: IRoute[] = [
   {
@@ -13,17 +14,15 @@ export const appRoutes: IRoute[] = [
     path: "/bring-to-mind",
     name: "Bring To Mind",
   },
-  {
+];
+if (ENV !== envs.PROD) {
+  appRoutes.push({
     path: "/exam",
     name: "Check Yourself",
-  },
-];
+  });
+}
 
 export const profileRoutes: IRoute[] = [
-  {
-    path: "/settings",
-    name: "Settings",
-  },
   {
     path: `${process.env.REACT_APP_SERVER_URL}/auth/google`,
     name: "Login",
@@ -35,3 +34,9 @@ export const profileRoutes: IRoute[] = [
     external: true,
   },
 ];
+if (ENV !== envs.PROD) {
+  profileRoutes.unshift({
+    path: "/settings",
+    name: "Settings",
+  });
+}

src/Styles/Base/_layout.scss

@@ -17,6 +17,7 @@ body {
   display: flex;
   flex-direction: column;
   z-index: 0;
+  overflow-x: hidden;
 }
 
 /* ORIENTATION-BASED WIDTHS */

src/Styles/Base/_reset.scss

@@ -1,4 +1,6 @@
-*, *::before, *::after {
+*,
+*::before,
+*::after {
   box-sizing: border-box;
 }
 
@@ -7,28 +9,38 @@
   padding: 0;
 }
 
-html, body {
-  height: 100%;
-}
-
 body {
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
 }
 
-img, picture, video, canvas, svg {
+img,
+picture,
+video,
+canvas,
+svg {
   display: block;
   max-width: 100%;
 }
 
-input, button, textarea, select {
+input,
+button,
+textarea,
+select {
   font: inherit;
 }
 
-p, h1, h2, h3, h4, h5, h6 {
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   overflow-wrap: break-word;
 }
 
-#root, #__next {
+#root,
+#__next {
   isolation: isolate;
-}
+}