update src/views/Home/Navbar/Laptop/index.js, src/views/Home/Navbar/Laptop/index.scss, src/views/Home/Navbar/Mobile/index.js and src/views/Home/Navbar/Mobile/index.scss fa

src/views/Home/Navbar/Laptop/index.js

@@ -147,8 +147,6 @@ class LaptopNavbar extends Component {
                   window.location.reload();
                 }}
               >
-                {console.log(window.lang)}
-
                 {[
                   { key: "فارسی", lang: "fa", default: true },
                   { key: "English", lang: "en" },

src/views/Home/Navbar/Mobile/index.js

@@ -102,11 +102,25 @@ export default function MobileNavbar(props) {
         <div className="mobile-navbar__left d-flex" style={{ marginLeft: 10 }}>
           <select
             className="language-select"
-            onChange={(e) => changeLanguage(e.target.value)}
-            defaultValue={localStorage.getItem("language") || "fa"}
+            onChange={(e) => {
+              window.localStorage.setItem("language", e.target.value);
+              window.location.reload();
+            }}
           >
-            {["fa", "en", "ar"].map((lang, index) => (
-              <option key={index}>{lang}</option>
+            {[
+              { 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
@@ -151,11 +165,23 @@ export default function MobileNavbar(props) {
       <div className="mobile-navbar__left">
         <select
           className="language-select"
-          onChange={(e) => changeLanguage(e.target.value)}
-          defaultValue={localStorage.getItem("language") || "fa"}
+          onChange={(e) => {
+            window.localStorage.setItem("language", e.target.value);
+            window.location.reload();
+          }}
         >
-          {["fa", "en", "ar"].map((lang, index) => (
-            <option key={index}>{lang}</option>
+          {[
+            { 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>
         {page === "home" || page === "download" ? (

src/views/Home/Navbar/Mobile/index.scss

@@ -12,15 +12,16 @@
   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
 
   .language-select {
-    border: none;
+    border: 1px solid #6cbe44;
     outline: none;
-    width: 45px;
-    background-color: #6cbe44;
-    color: white;
+    width: 100px;
+
+    color: #6cbe44;
+
     font-weight: 500;
     margin: 0px 10px;
     border-radius: 5px;
-    padding: 0px 4px;
+    padding: 3px;
   }
 
   &__signup {