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

Owner appointment details
CI / ci (push) Canceled after 0s
Details

Browse Source 
same changes applied to this route
This commit is contained in:
Stefan Lazic committed 2026-09-12 10:52:48 +01:00
1 parent b1fce9c002
commit 0e39ca7cdc
2 files changed
+34 -36
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/(owner)/owner/appointments/[id]/page.tsx
+29 -34
View File
@@ -1,5 +1,5 @@
import type { Metadata } from "next";
import { CalendarPlus, Mail, Phone } from "lucide-react";
import { Mail, Phone } from "lucide-react";
import Link from "next/link";
import { notFound, redirect } from "next/navigation";
import { auth } from "@/auth";
@@ -196,11 +196,16 @@ export default async function OwnerAppointmentDetailsPage({
{loyalty?.isEnabled && (
<div className="border-line border-t pt-4">
<span className="text-muted block text-[10px] font-bold tracking-widest uppercase">Loyalty</span>
<p className="text-sm font-bold">
{loyalty.currentStamps}/{resolveRewardThreshold(loyalty)} stamps
{loyalty.availableReward && <span className="text-accent-loyalty"> · Reward available</span>}
</p>
<div className="flex items-center justify-between gap-3">
<div>
<span className="text-muted block text-[10px] font-bold tracking-widest uppercase">Loyalty</span>
<p className="text-sm font-bold">
{loyalty.currentStamps}/{resolveRewardThreshold(loyalty)} stamps
{loyalty.availableReward && <span className="text-accent-loyalty"> · Reward available</span>}
</p>
</div>
<AddStampButton customerId={appointment.customerId} appointmentId={appointment.id} iconOnly />
</div>
{loyaltyTransactions.length > 0 && (
<ul className="mt-2 space-y-1">
{loyaltyTransactions.map((t) => (
@@ -229,41 +234,31 @@ export default async function OwnerAppointmentDetailsPage({
)}
</Card>
<div className="flex flex-wrap gap-3">
<a
href={`/api/appointments/${appointment.id}/calendar.ics`}
className="rounded-md border-line flex items-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>
{RESCHEDULABLE.has(appointment.status) && (
<Link
href={`/owner/appointments/${appointment.id}/reschedule`}
className="rounded-md border-line border bg-white px-5 py-3 text-sm font-bold"
>
Reschedule / Reassign
</Link>
)}
{appointment.status === "COMPLETED" && <BookFollowUpButton appointmentId={appointment.id} />}
</div>
{appointment.status === "COMPLETED" && (
<BookFollowUpButton appointmentId={appointment.id} className="w-full text-center" />
)}
<AppointmentStatusActions
appointmentId={appointment.id}
status={appointment.status}
actions={ownerAppointmentActions}
layout="stack"
rescheduleUrl={
RESCHEDULABLE.has(appointment.status)
? `/owner/appointments/${appointment.id}/reschedule`
: undefined
}
rescheduleLabel="Reschedule / Reassign"
/>
<div className="flex flex-wrap gap-3">
{loyalty?.isEnabled && <AddStampButton customerId={appointment.customerId} appointmentId={appointment.id} />}
{canRedeemReward && loyalty.availableReward && (
<RedeemRewardButton
appointmentId={appointment.id}
rewardId={loyalty.availableReward.id}
rewardLabel={loyalty.availableReward.label}
subtotal={subtotal}
/>
)}
</div>
{canRedeemReward && loyalty.availableReward && (
<RedeemRewardButton
appointmentId={appointment.id}
rewardId={loyalty.availableReward.id}
rewardLabel={loyalty.availableReward.label}
subtotal={subtotal}
/>
)}
</main>
</div>
);