lazis002/NextChair
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reviews & Layout

Browse Source 
Scaled back google reviews to just get the star rating and number of reviews as google limits the number of reviews to 5.

Also removed the reviews tab from homepage.

And updated Appointments button layout
This commit is contained in:
Stefan Lazic committed 2026-08-06 09:57:24 +01:00
1 parent 92f062a861
commit f07c30da0d
18 files changed
+297 -615
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/(customer)/appointments/[id]/page.tsx
+6 -9
View File
@@ -154,37 +154,34 @@ export default async function AppointmentDetailsPage({
)}
</Card>
<div className="flex flex-wrap gap-3">
<div className="flex flex-col gap-3">
<a
href={`/api/appointments/${appointment.id}/calendar.ics${token ? `?token=${token}` : ""}`}
className="rounded-md border-line flex items-center gap-2 border bg-white px-5 py-3 text-sm font-bold"
className="rounded-md border-line flex w-full items-center justify-center gap-2 border bg-white px-5 py-3 text-sm font-bold"
>
<CalendarPlus className="text-accent h-4 w-4" aria-hidden="true" /> Add to Calendar
</a>
{business.phone && (
<a
href={`tel:${business.phone}`}
className="rounded-md border-line flex items-center gap-2 border bg-white px-5 py-3 text-sm font-bold"
className="rounded-md border-line flex w-full items-center justify-center gap-2 border bg-white px-5 py-3 text-sm font-bold"
>
<Phone className="text-accent h-4 w-4" aria-hidden="true" /> Contact Business
</a>
)}
</div>
<div className="flex flex-wrap gap-3">
{RESCHEDULABLE_STATUSES.has(appointment.status) && (
<Link
href={`/appointments/${appointment.id}/reschedule${token ? `?token=${token}` : ""}`}
className="rounded-md border-line border bg-white px-5 py-3 text-sm font-bold"
className="rounded-md border-line block w-full border bg-white px-5 py-3 text-center text-sm font-bold"
>
Reschedule
</Link>
)}
{CANCELLABLE_STATUSES.has(appointment.status) && (
<CancelAppointmentDialog appointmentId={appointment.id} guestToken={token} />
<CancelAppointmentDialog appointmentId={appointment.id} guestToken={token} className="w-full" />
)}
{REBOOKABLE_STATUSES.has(appointment.status) && (
<BookAgainButton appointmentId={appointment.id} guestToken={token} />
<BookAgainButton appointmentId={appointment.id} guestToken={token} className="w-full" />
)}
</div>
</main>