fix(portal): disable non-functional Reschedule buttons (GRO-166)
Commit b3a3f80 removed disabled/stub attributes from Reschedule
buttons but never implemented the onClick handlers. Buttons were
enabled but inert — clicking did nothing, perceived as "blank page."
Restore disabled state with "Rescheduling — coming soon" tooltip
to both Dashboard and Appointments Reschedule buttons.
Full reschedule flow requires a /api/portal/appointments/:id/reschedule
endpoint — tracked separately.
Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
@@ -176,7 +176,12 @@ function AppointmentCard({
|
|||||||
)}
|
)}
|
||||||
{appt.status !== "completed" && appt.status !== "cancelled" && !readOnly && (
|
{appt.status !== "completed" && appt.status !== "cancelled" && !readOnly && (
|
||||||
<div className="flex gap-2 mt-3">
|
<div className="flex gap-2 mt-3">
|
||||||
<button className="text-xs px-3 py-1.5 border border-stone-200 rounded-lg text-stone-600 hover:bg-stone-50">
|
<button
|
||||||
|
type="button"
|
||||||
|
disabled
|
||||||
|
title="Rescheduling — coming soon"
|
||||||
|
className="text-xs px-3 py-1.5 border border-stone-200 rounded-lg text-stone-400 cursor-not-allowed"
|
||||||
|
>
|
||||||
Reschedule
|
Reschedule
|
||||||
</button>
|
</button>
|
||||||
<CancelAppointmentButton appointment={appt} sessionId={sessionId} />
|
<CancelAppointmentButton appointment={appt} sessionId={sessionId} />
|
||||||
|
|||||||
@@ -77,7 +77,12 @@ export function Dashboard({ onNavigate, readOnly }: Props) {
|
|||||||
</div>
|
</div>
|
||||||
{!readOnly && (
|
{!readOnly && (
|
||||||
<div className="flex gap-2 mt-4">
|
<div className="flex gap-2 mt-4">
|
||||||
<button className="text-sm px-3 py-1.5 border border-stone-200 rounded-lg text-stone-600 hover:bg-stone-50">
|
<button
|
||||||
|
type="button"
|
||||||
|
disabled
|
||||||
|
title="Rescheduling — coming soon"
|
||||||
|
className="text-sm px-3 py-1.5 border border-stone-200 rounded-lg text-stone-400 cursor-not-allowed"
|
||||||
|
>
|
||||||
Reschedule
|
Reschedule
|
||||||
</button>
|
</button>
|
||||||
<button className="text-sm px-3 py-1.5 border border-stone-200 rounded-lg text-stone-600 hover:bg-stone-50">
|
<button className="text-sm px-3 py-1.5 border border-stone-200 rounded-lg text-stone-600 hover:bg-stone-50">
|
||||||
|
|||||||
Reference in New Issue
Block a user