a9fa214544
- Rewrite prisma/seed.ts to populate all 27 models with realistic Vietnamese real estate data (8 users with login, 10 properties, 10 listings, orders, payments, reviews, notifications, etc.) - Replace all emoji icons with Lucide React SVG icons across frontend for consistent rendering, sizing, and accessibility - Redesign dashboard nav: grouped sidebar with section headers, primary/secondary split on desktop, icon-only secondary items - Replace language switcher flag emoji with Globe icon - Replace SVG theme toggle with Lucide Moon/Sun icons - Fix API startup: graceful fallback for Sentry profiling, Google OAuth, and Zalo OAuth when credentials are not configured - Relax rate limiting in development mode (10k req/min) - Fix listings API to include media[] array in search response - Add optional chaining for property.media across frontend components - Update OAuth strategy tests to match graceful fallback behavior Co-Authored-By: Claude Opus 4 (1M context) <noreply@anthropic.com>
38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
import { Globe } from 'lucide-react';
|
|
import { useLocale, useTranslations } from 'next-intl';
|
|
import type { Locale } from '@/i18n/config';
|
|
import { usePathname, useRouter } from '@/i18n/navigation';
|
|
|
|
const localeLabels: Record<Locale, string> = {
|
|
vi: 'VI',
|
|
en: 'EN',
|
|
};
|
|
|
|
export function LanguageSwitcher() {
|
|
const locale = useLocale() as Locale;
|
|
const router = useRouter();
|
|
const pathname = usePathname();
|
|
const t = useTranslations('language');
|
|
|
|
const switchLocale = (newLocale: Locale) => {
|
|
router.replace(pathname, { locale: newLocale });
|
|
};
|
|
|
|
const nextLocale: Locale = locale === 'vi' ? 'en' : 'vi';
|
|
|
|
return (
|
|
<button
|
|
type="button"
|
|
onClick={() => switchLocale(nextLocale)}
|
|
className="inline-flex h-9 items-center gap-1.5 rounded-md px-2.5 text-sm font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
|
|
aria-label={`${t('label')}: ${t(locale)} → ${t(nextLocale)}`}
|
|
>
|
|
<Globe className="h-4 w-4" aria-hidden="true" />
|
|
<span aria-hidden="true">{localeLabels[nextLocale]}</span>
|
|
<span className="sr-only">{t(nextLocale)}</span>
|
|
</button>
|
|
);
|
|
}
|