diff --git a/Apps/Client/src/components/Nav.scss b/Apps/Client/src/components/Nav.scss index ee20203..686cb6b 100644 --- a/Apps/Client/src/components/Nav.scss +++ b/Apps/Client/src/components/Nav.scss @@ -59,7 +59,7 @@ $nav-min-width: 380px; z-index: 1; opacity: 0; visibility: hidden; - transition: opacity 0.5s ease, visibility 0.5s; + // transition: opacity 0.5s ease, visibility 0.5s; @include desktop { transform: translate(50%, 0); diff --git a/Apps/Client/src/components/Nav.tsx b/Apps/Client/src/components/Nav.tsx index aa047a5..9e437af 100644 --- a/Apps/Client/src/components/Nav.tsx +++ b/Apps/Client/src/components/Nav.tsx @@ -33,6 +33,7 @@ const Nav: React.FC = () => { // Change language in i18n when it is changed in the component's state useEffect(() => { changeLanguage(lang); + }, [lang]); // Close menu when clicking outside @@ -80,7 +81,7 @@ const Nav: React.FC = () => { const handleLogout = () => { setIsOpen(false); - + dispatch(logout()); }