api ulandi

src/widgets/navbar/ui/ChangeLang.tsx

@@ -8,6 +8,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/shared/ui/dropdown-menu';
+import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import { useParams, usePathname, useRouter } from 'next/navigation';
 import { languages } from '../lib/data';
@@ -16,6 +17,7 @@ export function ChangeLang() {
   const { locale } = useParams();
   const pathname = usePathname();
   const router = useRouter();
+  const t = useTranslations();
 
   const changeLocale = (locale: LanguageRoutes) => {
     const segments = pathname.split('/');
@@ -51,7 +53,7 @@ export function ChangeLang() {
             )}
           </div>
           <span className="text-white font-medium text-sm">
-            {languages.find((e) => e.key === locale)?.name}
+            {t(languages.find((e) => e.key === locale)?.name ?? "O'zbekcha")}
           </span>
         </Button>
       </DropdownMenuTrigger>
@@ -65,7 +67,7 @@ export function ChangeLang() {
             onClick={() => changeLocale(e.key)}
             className="hover:bg-blue-50 cursor-pointer text-slate-700 hover:text-blue-700 px-3 py-2"
           >
-            {e.name}
+            {t(e.name)}
           </DropdownMenuItem>
         ))}
       </DropdownMenuContent>