style: apply prettier formatting to frontend
This commit is contained in:
@@ -68,9 +68,7 @@
|
||||
let hoursUntilAppointment = $derived(
|
||||
(new SvelteDate(booking.start_time).getTime() - new SvelteDate().getTime()) / (1000 * 60 * 60)
|
||||
);
|
||||
let hasPayments = $derived(
|
||||
(booking.amount_paid ?? 0) > 0
|
||||
);
|
||||
let hasPayments = $derived((booking.amount_paid ?? 0) > 0);
|
||||
let showNoticeWarning = $derived(
|
||||
hasPayments ? hoursUntilAppointment < 72 : hoursUntilAppointment < 24
|
||||
);
|
||||
@@ -439,30 +437,52 @@
|
||||
<p class="mt-1">Rescheduling may forfeit deposit protection on payments made.</p>
|
||||
<details class="mt-1 text-xs text-gray-500">
|
||||
<summary class="cursor-pointer hover:text-gray-700">What this means</summary>
|
||||
<p class="mt-1">"Rescheduling within {Math.round(hoursUntilAppointment)}h of the original time with payments present means deposit protection applies — up to 50% of the total (up to £{(booking.total_amount * 0.5).toFixed(2)}) could be retained depending on notice period."</p>
|
||||
<p class="mt-1">
|
||||
"Rescheduling within {Math.round(hoursUntilAppointment)}h of the original time with
|
||||
payments present means deposit protection applies — up to 50% of the total (up to £{(
|
||||
booking.total_amount * 0.5
|
||||
).toFixed(2)}) could be retained depending on notice period."
|
||||
</p>
|
||||
</details>
|
||||
<label class="mt-2 flex items-center gap-2 cursor-pointer">
|
||||
<label class="mt-2 flex cursor-pointer items-center gap-2">
|
||||
<Checkbox bind:checked={forgiveFees} />
|
||||
<span class="text-xs">Forgive fees — refund fully (overrides deposit protection)</span>
|
||||
<span class="text-xs">Forgive fees — refund fully (overrides deposit protection)</span
|
||||
>
|
||||
</label>
|
||||
<details class="ml-6 text-xs text-gray-500">
|
||||
<summary class="cursor-pointer hover:text-gray-700">What happens with forgiveness</summary>
|
||||
<p class="mt-1">"We've waived deposit protection on this reschedule as a goodwill gesture. The full amount moves to the new appointment instead of having up to 50% retained as deposit."</p>
|
||||
<summary class="cursor-pointer hover:text-gray-700"
|
||||
>What happens with forgiveness</summary
|
||||
>
|
||||
<p class="mt-1">
|
||||
"We've waived deposit protection on this reschedule as a goodwill gesture. The full
|
||||
amount moves to the new appointment instead of having up to 50% retained as
|
||||
deposit."
|
||||
</p>
|
||||
</details>
|
||||
{/if}
|
||||
|
||||
<p class="mt-1">This time change counts as a no-show toward deposit obligations.</p>
|
||||
<details class="mt-1 text-xs text-gray-500">
|
||||
<summary class="cursor-pointer hover:text-gray-700">What this means</summary>
|
||||
<p class="mt-1">"This time change will count as a no-show toward your booking history. Two no-shows within 6 months would require a deposit on future bookings."</p>
|
||||
<p class="mt-1">
|
||||
"This time change will count as a no-show toward your booking history. Two no-shows
|
||||
within 6 months would require a deposit on future bookings."
|
||||
</p>
|
||||
</details>
|
||||
<label class="mt-2 flex items-center gap-2 cursor-pointer">
|
||||
<label class="mt-2 flex cursor-pointer items-center gap-2">
|
||||
<Checkbox bind:checked={forgiveNoShow} />
|
||||
<span class="text-xs">Forgive no-show — this reschedule will <strong>not</strong> count toward deposit obligations</span>
|
||||
<span class="text-xs"
|
||||
>Forgive no-show — this reschedule will <strong>not</strong> count toward deposit obligations</span
|
||||
>
|
||||
</label>
|
||||
<details class="ml-6 text-xs text-gray-500">
|
||||
<summary class="cursor-pointer hover:text-gray-700">What happens with forgiveness</summary>
|
||||
<p class="mt-1">"We've waived the no-show record for this reschedule so your deposit obligations are unaffected."</p>
|
||||
<summary class="cursor-pointer hover:text-gray-700"
|
||||
>What happens with forgiveness</summary
|
||||
>
|
||||
<p class="mt-1">
|
||||
"We've waived the no-show record for this reschedule so your deposit obligations are
|
||||
unaffected."
|
||||
</p>
|
||||
</details>
|
||||
</div>
|
||||
<p class="mt-2 text-xs text-gray-500">
|
||||
@@ -489,9 +509,12 @@
|
||||
})}
|
||||
</div>
|
||||
<div class="mt-1 text-sm text-gray-500">
|
||||
{formatUserName(booking.user?.full_name || 'Unknown', booking.user?.previous_first_name, booking.user?.previous_last_name)} · {booking.services
|
||||
?.map((s) => s.service_name)
|
||||
.join(', ') || 'No services'} · {bookingDuration} min
|
||||
{formatUserName(
|
||||
booking.user?.full_name || 'Unknown',
|
||||
booking.user?.previous_first_name,
|
||||
booking.user?.previous_last_name
|
||||
)} · {booking.services?.map((s) => s.service_name).join(', ') || 'No services'} · {bookingDuration}
|
||||
min
|
||||
</div>
|
||||
</Card.Content>
|
||||
</Card.Root>
|
||||
|
||||
Reference in New Issue
Block a user