diff --git a/hifi-src/src/components/Navbar.jsx b/hifi-src/src/components/Navbar.jsx index d962b54..2c8a89b 100644 --- a/hifi-src/src/components/Navbar.jsx +++ b/hifi-src/src/components/Navbar.jsx @@ -45,12 +45,11 @@ const LANGUAGE_OPTIONS = [ { code: 'en', label: 'English', Flag: FlagGB }, ]; -function LanguageSwitcher({ overHero = false, variant = 'header' }) { +function LanguageSwitcher({ overHero = false }) { const { language, setLanguage, t } = useLanguage(); const [isOpen, setIsOpen] = useState(false); const containerRef = useRef(null); const current = LANGUAGE_OPTIONS.find((opt) => opt.code === language) || LANGUAGE_OPTIONS[0]; - const isHeader = variant === 'header'; useEffect(() => { if (!isOpen) return undefined; @@ -76,37 +75,23 @@ function LanguageSwitcher({ overHero = false, variant = 'header' }) { aria-haspopup="listbox" aria-expanded={isOpen} aria-label={t('languageToggle.label')} - className={ - isHeader - ? `flex items-center gap-1 rounded-full p-1.5 transition ${overHero ? 'hover:bg-white/10' : 'hover:bg-neutral-100 dark:hover:bg-neutral-800'}` - : 'flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-neutral-600 hover:text-brand-600' - } + className={`flex items-center gap-1 rounded-full p-1.5 transition ${overHero ? 'hover:bg-white/10' : 'hover:bg-neutral-100 dark:hover:bg-neutral-800'}`} > - {isHeader && ( - - - - )} - {!isHeader && current.label} - {isHeader && ( - - )} + + + + {isOpen && ( -
+
{LANGUAGE_OPTIONS.map((opt) => ( ))} @@ -142,7 +125,7 @@ export default function Navbar() { const { user } = useAuth(); const { phone, whatsapp } = useSiteSettings(); const { t } = useLanguage(); - const totalItems = whatsapp ? 9 : 8; + const totalItems = whatsapp ? 8 : 7; const location = useLocation(); const isHome = location.pathname === '/'; const [scrolled, setScrolled] = useState(!isHome); @@ -235,7 +218,7 @@ export default function Navbar() {
{AdminIcon} - {!open && } + {!open && }
@@ -273,12 +256,8 @@ export default function Navbar() {
-
- -
- {phone && ( - + {phone} @@ -289,7 +268,7 @@ export default function Navbar() { target="_blank" rel="noopener noreferrer" className={`flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-neutral-600 hover:text-brand-600 ${flyIn()}`} - style={flyInStyle(7)} + style={flyInStyle(6)} > {t('nav.whatsapp')} @@ -300,7 +279,7 @@ export default function Navbar() { target="_blank" rel="noopener noreferrer" className={`flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-neutral-600 hover:text-brand-600 ${flyIn()}`} - style={flyInStyle(whatsapp ? 8 : 7)} + style={flyInStyle(whatsapp ? 7 : 6)} > {t('nav.shop')}