hamedandClaude Opus 4.8
eba0c6a5ba
A doctor now has one booking schedule per context — the personal practice plus one per clinic — and every booking endpoint takes an optional clinic_uuid where omitting it means the personal practice, not a wildcard. This site sent none, so a clinic-only doctor showed no availability at all and a doctor working in both places silently booked into the wrong one. - services/response.js: getBookingLocations + clinic_uuid on slots, service-slots, booking-services and month-availability. The manual query building is kept so the service_item_uuids[] serialisation does not change. - AppointmentPage owns the selected location; booking_mode and services are derived from it instead of a separate getBookingServices call, which drops a request. Changing location clears the selected service, slot and date, since a service from one location cannot be booked into another. - New LocationSelect step, shown only when there is more than one location. The list arrives sorted by earliest free slot, so the first item is the default and is not re-sorted here. - DatePicker drops its month cache when the location changes; otherwise the previous location's disabled days stayed on the calendar. - The slot address now comes from the selected location rather than doctor.address, which does not contain clinic addresses. - clinic_uuid rides through to the appointment payload, and /appointment/[doctorId]?clinic_uuid=… preselects a location. - Doctor page JSON-LD gains availableService from the bookable services. openingHoursSpecification still needs a public weekly-hours endpoint. Removed the dead locateVisit state, which was initialised true and never unset. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
72 lines
2.6 KiB
JavaScript
72 lines
2.6 KiB
JavaScript
"use client";
|
||
|
||
import moment from "moment-jalaali";
|
||
|
||
function nextAvailableLabel(timestamp) {
|
||
if (!timestamp) return null;
|
||
return `اولین نوبت آزاد: ${moment.unix(timestamp).format("jD jMMMM")}`;
|
||
}
|
||
|
||
/**
|
||
* انتخاب محل نوبتدهی — پیش از انتخاب سرویس و روز.
|
||
*
|
||
* فهرست از سمت سرور بر اساس زودترین نوبت آزاد مرتب شده، پس اولین آیتم پیشفرض
|
||
* درست است و اینجا دوباره مرتب نمیشود.
|
||
*/
|
||
function LocationSelect({ locations = [], selected, onSelect }) {
|
||
return (
|
||
<div className="w-full max-w-[520px] mx-auto">
|
||
<h2 className="text-[16px] font-bold text-[#3B3B3B] mb-4">۱. انتخاب محل نوبتدهی</h2>
|
||
|
||
<div className="flex flex-col gap-2">
|
||
{locations.map((location) => {
|
||
const key = location.clinic_uuid ?? location.location_uuid ?? "personal";
|
||
const active =
|
||
(selected?.clinic_uuid ?? null) === (location.clinic_uuid ?? null);
|
||
const nextLabel = nextAvailableLabel(location.next_available_at);
|
||
|
||
return (
|
||
<button
|
||
key={key}
|
||
type="button"
|
||
onClick={() => onSelect(location)}
|
||
className={`w-full text-right p-[16px] rounded-[8px] border border-solid transition-colors ${
|
||
active
|
||
? "border-[#5559CE] bg-[rgba(85,89,206,0.06)]"
|
||
: "border-[#EFEFEF] bg-[#FFF] hover:border-[#C7C9EC]"
|
||
}`}
|
||
>
|
||
<div className="flex items-center justify-between gap-[8px]">
|
||
<p className="text-[14px] md:text-[16px] font-bold text-[#3B3B3B]">
|
||
{location.title}
|
||
</p>
|
||
{location.type === "clinic" && (
|
||
<span className="text-[11px] text-[#5559CE] bg-[rgba(85,89,206,0.10)] rounded-[4px] px-[6px] py-[2px]">
|
||
کلینیک
|
||
</span>
|
||
)}
|
||
</div>
|
||
|
||
{location.address && (
|
||
<p className="mt-[6px] text-[13px] text-[#616161] font-normal">
|
||
{location.address}
|
||
</p>
|
||
)}
|
||
|
||
<p
|
||
className={`mt-[8px] text-[12px] ${
|
||
nextLabel ? "text-[#009D79]" : "text-[#A1A1A1]"
|
||
}`}
|
||
>
|
||
{nextLabel ?? "فعلاً نوبت خالی ندارد"}
|
||
</p>
|
||
</button>
|
||
);
|
||
})}
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default LocationSelect;
|