update design and request pages dashboards & doctors & doctor item & clinics & clinic item and layout

2025-06-07 04:22:52 +03:30
parent 0a8874c4ab
commit 7d6a9e6e33
38 changed files with 502 additions and 264 deletions
@@ -5,11 +5,19 @@ import ItemDoctor from "@/app/component/ItemDoctor";
 function ListDoctors({ loading, list }) {
  return (
    <>
-      <ul className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mt-[24px] sm:mt-[37px] md:mt-[50px] lg:mt-[64px] gap-[24px]">
-        {list.map((doctor) => (
-          <ItemDoctor key={doctor.id} doctor={doctor} loading={loading} />
-        ))}
-      </ul>
+      <div className="mt-[24px] sm:mt-[37px] md:mt-[50px] lg:mt-[64px]">
+        {list && list.length ? (
+          <ul className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-[24px]">
+            {list?.map((doctor) => (
+              <ItemDoctor key={doctor.id} doctor={doctor} loading={loading} />
+            ))}
+          </ul>
+        ) : (
+          <p className="text-center py-10 text-gray-500">
+            هیچ دکتری وجود ندارد!
+          </p>
+        )}
+      </div>
      <div className="mt-[56px] flex justify-center">
        <Pagination list={doctors} itemsPerPage={12} />
      </div>