update public/index.html, AppRouter.js, src/views/Home/Navbar/Laptop/index.js and src/views/Home/Navbar/Laptop/index.scss

2 years ago · 042384df90
parent ded3106345
commit 042384df90
4 changed files with 123 additions and 92 deletions
--- a/public/index.html
+++ b/public/index.html
@ -1,19 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<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" />
@ -25,6 +19,7 @@
  <script src="en.js"></script>
  <script>
    const lang = localStorage.getItem("language");
+    window.lang = lang
    window.ar = ar;
    window.en = en;
    function t(val) {
@ -49,18 +44,12 @@
    })(window, document, "script", "dataLayer", "GTM-WVV8H9L");
  </script>
  <!-- End Google Tag Manager -->
-  </head>
+</head>

-  <body>
+<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>
@ -81,5 +70,6 @@
      });
    }
  </script>
-  </body>
+</body>
+
 </html>
--- a/src/AppRouter.js
+++ b/src/AppRouter.js
@ -218,7 +218,7 @@ class AppRouter extends Component {
              )}
            </Route>
            <Route exact path={"/profile"}>
-              {mobile ? status ? <Auth page={"profile"} /> : null : null}
+              {status ? <Auth page={"profile"} /> : null}
            </Route>
            <Route exact path={"/qr-scan"}>
              {mobile ? (
--- a/src/views/Home/Navbar/Laptop/index.js
+++ b/src/views/Home/Navbar/Laptop/index.js
@ -129,9 +129,29 @@ class LaptopNavbar extends Component {
                  {window.t("خروج")}{" "}
                </MenuItem>
              </Menu>
-              <select className="language-select">
-                {["fa", "en", "ar"].map((lang, index) => (
-                  <option key={index}>{lang}</option>
+              <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
+                    }
+                  >
+                    {el.key}
+                  </option>
                ))}
              </select>
              <div
@ -162,9 +182,29 @@ class LaptopNavbar extends Component {
            </>
          ) : (
            <div className="d-flex">
-              <select className="language-select">
-                {["fa", "en", "ar"].map((lang, index) => (
-                  <option key={index}>{lang}</option>
+              <select
+                className="language-select"
+                onChange={(e) => {
+                  window.localStorage.setItem("language", e.target.value);
+                  window.location.reload();
+                }}
+                value={window.lang}
+              >
+                {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
+                    }
+                  >
+                    {el.key}
+                  </option>
                ))}
              </select>
              <Link
--- a/src/views/Home/Navbar/Laptop/index.scss
+++ b/src/views/Home/Navbar/Laptop/index.scss
@ -3,15 +3,16 @@
  margin: 0px auto;

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

  &__header {