fix(i18n): remove duplicate I18nProvider causing double init

main.tsx already has I18nProvider with bundled resources.
The duplicate in App.tsx was causing:
- 'i18next is already initialized' warning
- 404 errors on /api/i18n requests (no API needed with bundled)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Quinn Ftw 2025-12-26 18:45:20 -08:00
parent 6322536c3d
commit c208b77a51
2 changed files with 11 additions and 20 deletions

View file

@ -2,7 +2,6 @@ import { usePageViewTracking } from '@lilith/analytics-client/react'
import { ThemeProvider } from '@lilith/ui-theme'
import { BrowserRouter, Routes, Route } from 'react-router-dom'
import { I18nProvider } from './i18n'
import Layout from './components/Layout'
import AboutPage from './pages/about/AboutPage'
import { AppsGallery, AppPage } from './pages/apps'
@ -38,15 +37,7 @@ export default function App() {
return (
<ThemeProvider defaultTheme="cyberpunk">
<BrowserRouter>
<I18nProvider
apiUrl="/api/i18n"
config={{
// Support all 8 languages shown in FAB selector
supportedLocales: ['en', 'es', 'zh', 'fr', 'de', 'pt', 'ja', 'ar'],
}}
>
<AppContent />
</I18nProvider>
<AppContent />
</BrowserRouter>
</ThemeProvider>
)

View file

@ -269,21 +269,21 @@
.site-header nav li ul,
header nav li ul,
nav li ul {
/* Override styled-component inline background-color */
background-color: rgba(15, 20, 30, 0.75) !important;
/* Very low opacity for maximum see-through */
background-color: rgba(10, 10, 15, 0.45) !important;
/* Layered background for shimmer effect */
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent) !important;
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent) !important;
/* Strong backdrop blur for glassmorphism effect */
backdrop-filter: blur(28px) saturate(180%) !important;
-webkit-backdrop-filter: blur(28px) saturate(180%) !important;
/* Heavy backdrop blur for strong glassmorphism */
backdrop-filter: blur(40px) saturate(200%) !important;
-webkit-backdrop-filter: blur(40px) saturate(200%) !important;
/* Delicate glass border */
border: 1px solid rgba(255, 255, 255, 0.15) !important;
/* Brighter glass border for visibility */
border: 1px solid rgba(255, 255, 255, 0.2) !important;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.7),
inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
0 8px 32px rgba(0, 0, 0, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
border-radius: 12px !important;
padding: 8px !important;