not found filter handel

components/clinic/components/doctors/List.js

@@ -33,26 +33,33 @@ function List({
       limit,
     };
     const doctors = await getClinicDoctors(slug, params);
-    setDoctors(doctors.data); 
+    setDoctors(doctors.data);
     setTotalPage(doctors?.page?.total_pages || 1);
     setPage(num);
-    
   };
   const doctorList = Array.isArray(doctors?.data) ? doctors.data : doctors;
   return (
-    <>
+     <>
-      <ul className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mt-[40px] gap-[16px] md:gap-[20px] lg:gap-[24px]">
+      {doctorList?.length === 0 ? (
-        {doctorList?.map((doctor) => (
+        <div className="text-center text-gray-500 mt-10">
-          <ItemDoctor key={doctor.id} doctor={doctor} />
+          دکتری مطابق فیلتر شما یافت نشد
-        ))}
+        </div>
-      </ul>
+      ) : (
-      <div className="mt-[56px] flex justify-center">
+        <>
-        <Pagination
+          <ul className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mt-[40px] gap-[16px] md:gap-[20px] lg:gap-[24px]">
-          totalPages={totalPages}
+            {doctorList?.map((doctor) => (
-          page={page}
+              <ItemDoctor key={doctor.id} doctor={doctor} />
-          onPageChange={changePage}
+            ))}
-        />
+          </ul>
-      </div>
+          <div className="mt-[56px] flex justify-center">
+            <Pagination
+              totalPages={totalPages}
+              page={page}
+              onPageChange={changePage}
+            />
+          </div>
+        </>
+      )}
     </>
   );
 }