From 4a1f0ad86a0d48af9b0e31c9f3d4b0e0210befcf Mon Sep 17 00:00:00 2001
From: Janderson Souza Matias
 <jandersonsouzamatias@Jandersons-MacBook-Pro.local>
Date: Tue, 6 Feb 2024 18:33:32 -0300
Subject: [PATCH] add change langue in mobile menu

---
 src/components/Navbar/index.tsx | 56 ++++++++++++++++-----------------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index a2f0cf7..1e5de90 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -83,6 +83,34 @@ const Navbar: React.FC = () => {
           ),
         )}
       </VStack>
+
+      <Menu>
+        <MenuButton
+          w="calc(100% - 32px)"
+          mx="16px"
+          mt="auto"
+          mb="16px"
+          bg="white"
+          shadow="md"
+          as={Button}
+          rightIcon={<ChevronDownIcon />}
+        >
+          {LANG_OPTIONS.filter((item) => item.value === i18n.language)[0].label}
+        </MenuButton>
+        <MenuList>
+          {LANG_OPTIONS.map((item) => (
+            <MenuItem
+              minH="48px"
+              key={item.value}
+              value={item.value}
+              onClick={() => changeLanguage(item.value)}
+              isDisabled={i18n.language === item.value}
+            >
+              {item.label}
+            </MenuItem>
+          ))}
+        </MenuList>
+      </Menu>
     </>
   );
 
@@ -117,34 +145,6 @@ const Navbar: React.FC = () => {
           {menu}
         </>
       )}
-
-      <Menu>
-        <MenuButton
-          w="calc(100% - 32px)"
-          mx="16px"
-          mt="auto"
-          mb="16px"
-          bg="white"
-          shadow="md"
-          as={Button}
-          rightIcon={<ChevronDownIcon />}
-        >
-          {LANG_OPTIONS.filter((item) => item.value === i18n.language)[0].label}
-        </MenuButton>
-        <MenuList>
-          {LANG_OPTIONS.map((item) => (
-            <MenuItem
-              minH="48px"
-              key={item.value}
-              value={item.value}
-              onClick={() => changeLanguage(item.value)}
-              isDisabled={i18n.language === item.value}
-            >
-              {item.label}
-            </MenuItem>
-          ))}
-        </MenuList>
-      </Menu>
     </VStack>
   );
 };