feat(clinic): enhance clinic details display with improved logo handling and address formatting

This commit is contained in:
hamed
2026-06-18 15:03:31 +03:30
parent 344285dce5
commit ecb77fcfa8
+8 -4
View File
@@ -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>