4 changed files with 94 additions and 117 deletions
--- a/public/index.html
+++ b/public/index.html
@ -1,13 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
-
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="false" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1"
+      user-scalable="false"
+    />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="دانوین" />
-  <link href="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.css" rel="stylesheet" />
+    <link
+      href="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.css"
+      rel="stylesheet"
+    />
    <meta name="mobile-web-app-capable" content="yes" />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
@ -19,7 +25,6 @@
    <script src="en.js"></script>
    <script>
      const lang = localStorage.getItem("language");
-    window.lang = lang
      window.ar = ar;
      window.en = en;
      function t(val) {
@ -48,8 +53,14 @@

  <body>
    <!-- Google Tag Manager (noscript) -->
-  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WVV8H9L" height="0" width="0"
-      style="display: none; visibility: hidden"></iframe></noscript>
+    <noscript
+      ><iframe
+        src="https://www.googletagmanager.com/ns.html?id=GTM-WVV8H9L"
+        height="0"
+        width="0"
+        style="display: none; visibility: hidden"
+      ></iframe
+    ></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="root"></div>
    <script>
@ -71,5 +82,4 @@
      }
    </script>
  </body>
-
 </html>
--- a/src/AppRouter.js
+++ b/src/AppRouter.js
@ -218,7 +218,7 @@ class AppRouter extends Component {
              )}
            </Route>
            <Route exact path={"/profile"}>
-              {status ? <Auth page={"profile"} /> : null}
+              {mobile ? status ? <Auth page={"profile"} /> : null : null}
            </Route>
            <Route exact path={"/qr-scan"}>
              {mobile ? (
--- a/src/views/Home/Navbar/Laptop/index.js
+++ b/src/views/Home/Navbar/Laptop/index.js
@ -142,27 +142,11 @@ class LaptopNavbar extends Component {
              </Menu>
              <select
                className="language-select"
-                onChange={(e) => {
-                  window.localStorage.setItem("language", e.target.value);
-                  window.location.reload();
-                }}
-              >
-                {console.log(window.lang)}
-
-                {[
-                  { key: "فارسی", lang: "fa", default: true },
-                  { key: "English", lang: "en" },
-                  { key: "العربیه", lang: "ar" },
-                ].map((el, index) => (
-                  <option
-                    key={el.lang}
-                    value={el.lang}
-                    selected={
-                      (!window.lang && el.default) || el.lang == window.lang
-                    }
+                onChange={(e) => changeLanguage(e.target.value)}
+                defaultValue={localStorage.getItem("language") || "fa"}
              >
-                    {el.key}
-                  </option>
+                {["fa", "en", "ar"].map((lang, index) => (
+                  <option key={index}>{lang}</option>
                ))}
              </select>
              <div
@ -195,27 +179,11 @@ class LaptopNavbar extends Component {
            <div className="d-flex">
              <select
                className="language-select"
-                onChange={(e) => {
-                  window.localStorage.setItem("language", e.target.value);
-                  window.location.reload();
-                }}
-              >
-                {console.log(window.lang)}
-
-                {[
-                  { key: "فارسی", lang: "fa", default: true },
-                  { key: "English", lang: "en" },
-                  { key: "العربیه", lang: "ar" },
-                ].map((el, index) => (
-                  <option
-                    key={el.lang}
-                    value={el.lang}
-                    selected={
-                      (!window.lang && el.default) || el.lang == window.lang
-                    }
+                onChange={(e) => changeLanguage(e.target.value)}
+                defaultValue={localStorage.getItem("language") || "fa"}
              >
-                    {el.key}
-                  </option>
+                {["fa", "en", "ar"].map((lang, index) => (
+                  <option key={index}>{lang}</option>
                ))}
              </select>
              <Link
--- a/src/views/Home/Navbar/Laptop/index.scss
+++ b/src/views/Home/Navbar/Laptop/index.scss
@ -3,16 +3,15 @@
  margin: 0px auto;

  .language-select {
-    border: 1px solid #6cbe44;
+    border: none;
    outline: none;
-    width: 100px;
-
-    color: #6cbe44;
-
+    width: 50px;
+    background-color: #6cbe44;
+    color: white;
    font-weight: 500;
    margin: 0px 10px;
    border-radius: 5px;
-    padding: 3px;
+    padding: 0px 4px;
  }

  &__header {