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

2 years ago · 847cf6415b
parent 0be1b78bd2
commit 847cf6415b
3 changed files with 94 additions and 66 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" />
@ -41,8 +47,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>
@ -65,5 +77,4 @@
      const lang = localStorage.getItem("language");
    </script>
  </body>
-
 </html>
--- a/src/views/Home/Navbar/Laptop/index.js
+++ b/src/views/Home/Navbar/Laptop/index.js
@ -156,7 +156,12 @@ class LaptopNavbar extends Component {
              </div>
            </>
          ) : (
-            <>
+            <div className="d-flex">
+              <select className="language-select">
+                {["fa", "en", "ar"].map((lang, index) => (
+                  <option key={index}>{lang}</option>
+                ))}
+              </select>
              <Link
                style={{ fontSize: fontSize.desktop.a }}
                to={"/auth"}
@ -164,7 +169,7 @@ class LaptopNavbar extends Component {
              >
                {window.t("ورود یا ثبت‌نام")}
              </Link>
-            </>
+            </div>
          )}
        </div>
      </nav>
--- a/src/views/Home/Navbar/Laptop/index.scss
+++ b/src/views/Home/Navbar/Laptop/index.scss
@ -2,6 +2,18 @@
  max-width: 1250px;
  margin: 0px auto;

+  .language-select {
+    border: none;
+    outline: none;
+    width: 50px;
+    background-color: #6cbe44;
+    color: white;
+    font-weight: 500;
+    margin-left: 10px;
+    border-radius: 5px;
+    padding: 0px 4px;
+  }
+
  &__header {
    &--right {
      cursor: pointer;