api ulandi

src/pages/faq/ui/FaqCategory.tsx

@@ -29,6 +29,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { Pencil, PlusCircle, Trash2 } from "lucide-react";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
 import z from "zod";
 
 type FaqCategoryType = {
@@ -50,6 +51,7 @@ const categoryFormSchema = z.object({
 });
 
 const FaqCategory = () => {
+  const { t } = useTranslation();
   const [categories, setCategories] =
     useState<FaqCategoryType[]>(initialCategories);
   const [openModal, setOpenModal] = useState(false);
@@ -105,7 +107,7 @@ const FaqCategory = () => {
   return (
     <div className="p-6 space-y-6 w-full">
       <div className="flex items-center justify-between">
-        <h1 className="text-2xl font-semibold">FAQ Kategoriyalar</h1>
+        <h1 className="text-2xl font-semibold">{t("FAQ Kategoriyalar")}</h1>
         <Button
           className="gap-2"
           onClick={() => {
@@ -113,7 +115,7 @@ const FaqCategory = () => {
             setOpenModal(true);
           }}
         >
-          <PlusCircle className="w-4 h-4" /> Yangi kategoriya
+          <PlusCircle className="w-4 h-4" /> {t("Yangi kategoriya")}
         </Button>
       </div>