feat: Enhance specialty handling and navigation across doctor and specialty pages

2026-08-08 17:33:13 +03:30
parent 56e264e44c
commit 79747c443c
12 changed files with 435 additions and 27 deletions
@@ -46,12 +46,20 @@ function Title({ doctor }) {
          </div>
        </TextLoading>
        <TextLoading width={100} height={20}>
-          <h2 className="text-[#525252] text-[14px] md:text-[16px] font-medium">
-            تخصص:
-            {doctor?.specialties?.map(
-              (item, idx) =>
-                `${item.name} ${doctor.specialties.length === idx + 1 ? "" : "|"} `
-            )}
+          {/* اینجا جای فهرست کاملِ تخصص‌هاست — سربرگ صفحه فقط تخصص اصلی را نشان
+              می‌دهد. چیپ‌های شکننده جای رشتهٔ درهم نشستند: پیش از این خروجی
+              «تخصص:جراحی عمومی | … | » بود، بدون فاصله بعد از دونقطه و با
+              جداکنندهٔ آویزان در انتها. */}
+          <h2 className="flex flex-wrap items-center gap-[6px] text-[#525252] text-[14px] md:text-[16px] font-medium">
+            <span>تخصص:</span>
+            {doctor?.specialties?.map((item) => (
+              <span
+                key={item.id ?? item.name}
+                className="px-[10px] py-[3px] rounded-md bg-[#F8F8FF] text-[13px] md:text-[14px] font-normal"
+              >
+                {item.name}
+              </span>
+            ))}
          </h2>
        </TextLoading>
        <div className="flex items-center justify-start gap-11">