api ulandi

src/shared/ui/iocnSelect.tsx

@@ -20,6 +20,7 @@ import React, {
   type ComponentType,
   type LazyExoticComponent,
 } from "react";
+import { useTranslation } from "react-i18next";
 
 // 🔹 Lazy icon faqat tanlangan icon uchun
 const LazyIcon: React.FC<{ name: string }> = ({ name }) => {
@@ -49,6 +50,7 @@ const IconSelect: React.FC<IconSelectProps> = ({
   setSelectedIcon,
 }) => {
   const [icons, setIcons] = useState<string[]>([]);
+  const { t } = useTranslation();
   const [visibleIcons, setVisibleIcons] = useState<string[]>([]);
   const [chunkSize] = useState(100);
   const [index, setIndex] = useState(1);
@@ -116,14 +118,14 @@ const IconSelect: React.FC<IconSelectProps> = ({
       onOpenChange={handleOpenChange}
     >
       <SelectTrigger className="!h-12 w-[220px] text-md">
-        <SelectValue placeholder="Ikonka tanlang">
+        <SelectValue placeholder={t("Ikonka tanlang")}>
           {selectedIcon ? (
             <div className="flex items-center gap-2">
               <LazyIcon name={selectedIcon} />
               {selectedIcon}
             </div>
           ) : (
-            "Ikonka tanlang"
+            t("Ikonka tanlang")
           )}
         </SelectValue>
       </SelectTrigger>
@@ -151,7 +153,9 @@ const IconSelect: React.FC<IconSelectProps> = ({
         {!searchTerm && isOpen && (
           <div ref={loaderRef} className="h-6 flex justify-center items-center">
             {visibleIcons.length < icons.length && (
-              <span className="text-xs text-gray-400">Yuklanmoqda...</span>
+              <span className="text-xs text-gray-400">
+                {t("Yuklanmoqda...")}
+              </span>
             )}
           </div>
         )}