fixing platform admin

2026-05-06 22:58:23 -04:00
parent 695a7f7cc7
commit 750ae56a29
175 changed files with 31249 additions and 328 deletions
@@ -0,0 +1,192 @@
+'use client'
+
+import { createContext, useContext, useEffect, useMemo, useState } from 'react'
+
+export type DashboardLanguage = 'en' | 'fr' | 'ar'
+
+type DashboardDictionary = {
+  nav: Record<string, string>
+  titles: Record<string, string>
+  notifications: string
+  noNewNotifications: string
+  unreadNotifications: (count: number) => string
+  signOut: string
+  demoUser: string
+  clerkDisabled: string
+  language: string
+  light: string
+  dark: string
+}
+
+const dictionaries: Record<DashboardLanguage, DashboardDictionary> = {
+  en: {
+    nav: {
+      dashboard: 'Dashboard',
+      fleet: 'Fleet',
+      reservations: 'Reservations',
+      customers: 'Customers',
+      offers: 'Offers',
+      team: 'Team',
+      reports: 'Reports',
+      billing: 'Billing',
+      notifications: 'Notifications',
+      settings: 'Settings',
+    },
+    titles: {
+      '/dashboard': 'Dashboard',
+      '/dashboard/fleet': 'Fleet Management',
+      '/dashboard/reservations': 'Reservations',
+      '/dashboard/customers': 'Customers',
+      '/dashboard/offers': 'Offers',
+      '/dashboard/team': 'Team',
+      '/dashboard/reports': 'Reports',
+      '/dashboard/billing': 'Billing',
+      '/dashboard/settings': 'Settings',
+    },
+    notifications: 'Notifications',
+    noNewNotifications: 'No new notifications',
+    unreadNotifications: (count) => `${count} unread notification${count > 1 ? 's' : ''}`,
+    signOut: 'Sign out',
+    demoUser: 'Demo User',
+    clerkDisabled: 'Clerk disabled in local dev',
+    language: 'Language',
+    light: 'Light',
+    dark: 'Dark',
+  },
+  fr: {
+    nav: {
+      dashboard: 'Tableau de bord',
+      fleet: 'Flotte',
+      reservations: 'Réservations',
+      customers: 'Clients',
+      offers: 'Offres',
+      team: 'Équipe',
+      reports: 'Rapports',
+      billing: 'Facturation',
+      notifications: 'Notifications',
+      settings: 'Paramètres',
+    },
+    titles: {
+      '/dashboard': 'Tableau de bord',
+      '/dashboard/fleet': 'Gestion de flotte',
+      '/dashboard/reservations': 'Réservations',
+      '/dashboard/customers': 'Clients',
+      '/dashboard/offers': 'Offres',
+      '/dashboard/team': 'Équipe',
+      '/dashboard/reports': 'Rapports',
+      '/dashboard/billing': 'Facturation',
+      '/dashboard/settings': 'Paramètres',
+    },
+    notifications: 'Notifications',
+    noNewNotifications: 'Aucune nouvelle notification',
+    unreadNotifications: (count) => `${count} notification${count > 1 ? 's' : ''} non lue${count > 1 ? 's' : ''}`,
+    signOut: 'Déconnexion',
+    demoUser: 'Utilisateur démo',
+    clerkDisabled: 'Clerk désactivé en local',
+    language: 'Langue',
+    light: 'Clair',
+    dark: 'Sombre',
+  },
+  ar: {
+    nav: {
+      dashboard: 'لوحة التحكم',
+      fleet: 'الأسطول',
+      reservations: 'الحجوزات',
+      customers: 'العملاء',
+      offers: 'العروض',
+      team: 'الفريق',
+      reports: 'التقارير',
+      billing: 'الفوترة',
+      notifications: 'الإشعارات',
+      settings: 'الإعدادات',
+    },
+    titles: {
+      '/dashboard': 'لوحة التحكم',
+      '/dashboard/fleet': 'إدارة الأسطول',
+      '/dashboard/reservations': 'الحجوزات',
+      '/dashboard/customers': 'العملاء',
+      '/dashboard/offers': 'العروض',
+      '/dashboard/team': 'الفريق',
+      '/dashboard/reports': 'التقارير',
+      '/dashboard/billing': 'الفوترة',
+      '/dashboard/settings': 'الإعدادات',
+    },
+    notifications: 'الإشعارات',
+    noNewNotifications: 'لا توجد إشعارات جديدة',
+    unreadNotifications: (count) => `${count} إشعار غير مقروء`,
+    signOut: 'تسجيل الخروج',
+    demoUser: 'مستخدم تجريبي',
+    clerkDisabled: 'Clerk غير مفعّل محلياً',
+    language: 'اللغة',
+    light: 'فاتح',
+    dark: 'داكن',
+  },
+}
+
+type I18nContextValue = {
+  language: DashboardLanguage
+  setLanguage: (value: DashboardLanguage) => void
+  dict: DashboardDictionary
+}
+
+const I18nContext = createContext<I18nContextValue | null>(null)
+
+export function DashboardI18nProvider({ children }: { children: React.ReactNode }) {
+  const [language, setLanguage] = useState<DashboardLanguage>('en')
+
+  useEffect(() => {
+    const stored = window.localStorage.getItem('dashboard-language')
+    if (stored === 'en' || stored === 'fr' || stored === 'ar') {
+      setLanguage(stored)
+    }
+  }, [])
+
+  useEffect(() => {
+    document.documentElement.lang = language
+    document.documentElement.dir = language === 'ar' ? 'rtl' : 'ltr'
+    window.localStorage.setItem('dashboard-language', language)
+  }, [language])
+
+  const value = useMemo(() => ({ language, setLanguage, dict: dictionaries[language] }), [language])
+  return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>
+}
+
+export function useDashboardI18n() {
+  const context = useContext(I18nContext)
+  if (!context) throw new Error('useDashboardI18n must be used within DashboardI18nProvider')
+  return context
+}
+
+export function DashboardLanguageSwitcher() {
+  const { language, setLanguage, dict } = useDashboardI18n()
+  const [embedded, setEmbedded] = useState(false)
+
+  useEffect(() => {
+    setEmbedded(window.self !== window.top)
+  }, [])
+
+  if (embedded) return null
+
+  return (
+    <div className="flex items-center gap-1 rounded-full border border-slate-200 bg-white px-2 py-1 shadow-sm">
+      <span className="px-2 text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-500">
+        {dict.language}
+      </span>
+      {(['en', 'fr', 'ar'] as DashboardLanguage[]).map((value) => {
+        const active = value === language
+        return (
+          <button
+            key={value}
+            type="button"
+            onClick={() => setLanguage(value)}
+            className={`rounded-full px-3 py-1.5 text-xs font-semibold transition ${
+              active ? 'bg-slate-900 text-white' : 'text-slate-600 hover:bg-slate-100'
+            }`}
+          >
+            {value.toUpperCase()}
+          </button>
+        )
+      })}
+    </div>
+  )
+}