From ecb77fcfa866024d150241106b473fe8ed4c7ec1 Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Thu, 18 Jun 2026 15:03:31 +0330
Subject: [PATCH] feat(clinic): enhance clinic details display with improved
 logo handling and address formatting

---
 components/clinics/list/ItemClinic.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/clinics/list/ItemClinic.js b/components/clinics/list/ItemClinic.js
index 1aa4ea2..8e39e41 100644
--- a/components/clinics/list/ItemClinic.js
+++ b/components/clinics/list/ItemClinic.js
@@ -3,6 +3,7 @@ import TextLoading from "@/app/component/loading/Text";
 import ArrowLeftD from "@/components/icons/ArrowLeftD";
 import ClockClinic from "@/components/icons/ClockClinic";
 import LocationClinic from "@/components/icons/LocationClinic";
+import { imageUrl } from "@/helper";
 import { Button } from "@mui/material";
 import Image from "next/image";
 import Link from "next/link";
@@ -26,7 +27,7 @@ function ItemClinic({ setFilteredClinics, data, loading }) {
             width={60}
             height={60}
             className="object-cover rounded-full w-[64px] md:w-[68px] lg:w-[72px] h-[64px] md:h-[68px] lg:h-[72px]"
-            src={data.clinic_logo?.[0]?.url || "/assets/images/logo.png"}
+            src={imageUrl(data.clinic_logo, "/assets/images/logo.png")}
             alt="img clinic"
           />
         </CircularLoading>
@@ -40,7 +41,7 @@ function ItemClinic({ setFilteredClinics, data, loading }) {
           </Link>
           <TextLoading loading={loading} width={60} height={18}>
             <p className="text-[#7E7E7E] text-[14px] font-normal">
-              {data.doctors} پزشک
+              {data.doctors_count ?? 0} پزشک
             </p>
           </TextLoading>
         </div>
@@ -50,7 +51,7 @@ function ItemClinic({ setFilteredClinics, data, loading }) {
           <LocationClinic />
           <TextLoading loading={loading} width={150} height={18}>
             <p className="text-[#7E7E7E] text-[12px] font-normal">
-              {data.address}
+              {[data.state, data.city].filter(Boolean).join("، ") || "نامشخص"}
             </p>
           </TextLoading>
         </div>
@@ -58,7 +59,10 @@ function ItemClinic({ setFilteredClinics, data, loading }) {
           <ClockClinic />
           <TextLoading loading={loading} width={120} height={18}>
             <p className="text-[#7E7E7E] text-[12px] font-normal">
-              ساعت کاری: {data.field_working_days}
+              ساعت کاری:{" "}
+              {data["24_7"]
+                ? "۲۴ ساعته"
+                : data.field_working_days || "نامشخص"}
             </p>
           </TextLoading>
         </div>