Remove selected slots display from BookNowPage to streamline user interface and improve clarity in slot selection process.
This commit is contained in:
parent
5556e88fbf
commit
c8c84e1644
@ -719,11 +719,6 @@ export default function BookNowPage() {
|
|||||||
<>
|
<>
|
||||||
<p className={`text-xs ${isDark ? 'text-gray-400' : 'text-gray-500'} mb-3`}>
|
<p className={`text-xs ${isDark ? 'text-gray-400' : 'text-gray-500'} mb-3`}>
|
||||||
Select one or more day-time combinations that work for you
|
Select one or more day-time combinations that work for you
|
||||||
{formData.selectedSlots.length > 0 && (
|
|
||||||
<span className={`ml-2 font-semibold ${isDark ? 'text-rose-400' : 'text-rose-600'}`}>
|
|
||||||
({formData.selectedSlots.length} {formData.selectedSlots.length === 1 ? 'slot' : 'slots'} selected)
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</p>
|
</p>
|
||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
{availableDaysOfWeek.map((dayInfo, dayIndex) => {
|
{availableDaysOfWeek.map((dayInfo, dayIndex) => {
|
||||||
@ -779,9 +774,6 @@ export default function BookNowPage() {
|
|||||||
: 'bg-white border-gray-300 text-gray-700 hover:border-rose-500 hover:bg-rose-50'
|
: 'bg-white border-gray-300 text-gray-700 hover:border-rose-500 hover:bg-rose-50'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
{isSelected && (
|
|
||||||
<CheckCircle2 className="w-4 h-4 flex-shrink-0" />
|
|
||||||
)}
|
|
||||||
<span className="text-sm font-medium">
|
<span className="text-sm font-medium">
|
||||||
{timeSlotLabels[normalizedTimeSlot] || timeSlot}
|
{timeSlotLabels[normalizedTimeSlot] || timeSlot}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user