rc 1.0

app/components/Nav.tsx

@@ -2,6 +2,8 @@
 
 import { useState, useEffect } from 'react'
 import AuthModal from './AuthModal'
+import LanguageSwitcher from './LanguageSwitcher'
+import { useI18n } from '@/lib/i18n'
 
 interface User {
   id: number
@@ -10,6 +12,7 @@ interface User {
 }
 
 export default function Nav() {
+  const { t } = useI18n()
   const [user, setUser] = useState<User | null>(null)
   const [showAuthModal, setShowAuthModal] = useState(false)
   const [loading, setLoading] = useState(true)
@@ -72,9 +75,10 @@ export default function Nav() {
             </button>
           </div>
           <div className={`links ${mobileMenuOpen ? 'mobile-open' : ''}`}>
-          <a href="#drop" onClick={() => setMobileMenuOpen(false)}>Drop</a>
-          <a href="#past" onClick={() => setMobileMenuOpen(false)}>Past Drops</a>
-          <a href="#community" onClick={() => setMobileMenuOpen(false)}>Community</a>
+          <a href="#drop" onClick={() => setMobileMenuOpen(false)}>{t('nav.drop')}</a>
+          <a href="#past" onClick={() => setMobileMenuOpen(false)}>{t('nav.pastDrops')}</a>
+          <a href="#community" onClick={() => setMobileMenuOpen(false)}>{t('nav.community')}</a>
+          <LanguageSwitcher />
           {!loading && (
             user ? (
               <>
@@ -99,7 +103,7 @@ export default function Nav() {
                     cursor: 'pointer',
                   }}
                 >
-                  Orders
+                  {t('nav.orders')}
                 </a>
                 <button
                   onClick={() => {
@@ -120,7 +124,7 @@ export default function Nav() {
                     display: 'inline-block',
                   }}
                 >
-                  Logout
+                  {t('nav.logout')}
                 </button>
               </>
             ) : (
@@ -144,7 +148,7 @@ export default function Nav() {
                   display: 'inline-block',
                 }}
               >
-                Login
+                {t('nav.login')}
               </button>
             )
           )}