fix: close language selector after click

vtexdocs · Jan 2, 2024 · 0166fde · 0166fde
1 parent 3285d79
commit 0166fde
Showing 1 changed file with 15 additions and 14 deletions.
diff --git a/src/components/locale-switcher-footer/index.tsx b/src/components/locale-switcher-footer/index.tsx
@@ -33,6 +33,7 @@ export default function LocaleSwitcherFooter() {
     router.push(router.pathname, router.asPath, { locale })
     disclosure.hide()
   }
+
   const disclosure = useDisclosureState({ visible: false })
   const Option = ({ screen, option, onClick, active }: OptionProps) => {
     const variant = `localeSwitcher.${screen}.option`
@@ -60,23 +61,23 @@ export default function LocaleSwitcherFooter() {
           direction={disclosure.visible ? 'up' : 'down'}
           size={30}
         />
+      </Disclosure>
 
+      <DisclosureContent {...disclosure}>
         <Box sx={styles.optionContainer}>
-          <DisclosureContent {...disclosure}>
-            {options.map((option) => (
-              <Option
-                key={option.label}
-                option={option}
-                screen="large"
-                onClick={() => {
-                  handleOptionClick(option.value)
-                }}
-                active={option.value === router.locale}
-              />
-            ))}
-          </DisclosureContent>
+          {options.map((option) => (
+            <Option
+              key={option.label}
+              option={option}
+              screen="large"
+              onClick={() => {
+                handleOptionClick(option.value)
+              }}
+              active={option.value === router.locale}
+            />
+          ))}
         </Box>
-      </Disclosure>
+      </DisclosureContent>
     </Box>
   )
 }