add language | 30

src/components/Navbar/index.js

@@ -36,6 +36,7 @@ function Navbar({
   isLogin,
   headerOptions,
   addToFavorite,
+  language,
 }) {
   const navigation = useNavigate();
   const { logo, hamburgerMenu, qr, shown, menu, title, back, bookmark } =
@@ -239,7 +240,20 @@ function Navbar({
             </div>
           )}
 
-          <div className="flex flex-row items-center">
+          <div className="flex flex-row items-center ">
+            <select
+              style={{ width: "100px" }}
+              className="flex items-center text-blueC0 border border-blueC0 px-1 rounded base py-1.5 ml-4 cursor-pointer"
+            >
+              {language.map((item, index) => (
+                <option
+                  className="border border-blueC0 shadow-0 text-blueC0 text-base "
+                  key={index}
+                >
+                  {item.name}
+                </option>
+              ))}
+            </select>
             <img
               src={searchIcon}
               alt=""
@@ -337,4 +351,6 @@ Navbar.defaultProps = {
   searchBox: true,
   // icons
   loginBtn: true,
+
+  language: [{ name: "فارسی" }, { name: "english" }, { name: "العربیه" }],
 };

src/views/Products/layouts/Desktop/Main.js

@@ -212,25 +212,6 @@ export const Main = ({
       </div>
 
       <div className="flex flex-col w-full relative">
-        {/* arrow */}
-        {/* <div className="w-fit self-end flex flex-row items-center justify-between gap-x-2 px-2 py-1 bg-gray-50 border border-solid border-gray-200 rounded-md50">
-          <div className="cursor-pointer">
-            <img
-              src={dropdownIcon}
-              alt=""
-              className="w-5 transform -rotate-90 cursor-pointer"
-            />
-          </div>
-          <div className="w-0.5 h-6 bg-gray-200"></div>
-          <div className="cursor-pointer">
-            <img
-              src={dropdownIcon}
-              alt=""
-              className="w-5 transform rotate-90 cursor-pointer"
-            />
-          </div>
-        </div> */}
-        {/* carousel slider */}
         {filterLoading && (
           <div
             className="w-full flex justify-center items-center bg-white bg-opacity-70 z-20 backdrop-filter backdrop-blur-xl absolute left-0 top-0"