Resolved the unwanted hover effect and the text colour remains consta…

…nt (#10120)
ohcnetwork · Jan 23, 2025 · 074d97a · 074d97a
1 parent 999a41b
commit 074d97a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/pages/Appointments/components/AppointmentSlotPicker.tsx b/src/pages/Appointments/components/AppointmentSlotPicker.tsx
@@ -219,6 +219,7 @@ export function AppointmentSlotPicker({
                                     : percentage >= 0.6
                                       ? "text-yellow-600"
                                       : "text-green-600",
+                                selectedSlotId === slot.id && "text-white",
                               )}
                             >
                               {availability.tokens_per_slot - slot.allocated}{" "}

diff --git a/src/pages/PublicAppointments/Schedule.tsx b/src/pages/PublicAppointments/Schedule.tsx
@@ -338,6 +338,8 @@ export function ScheduleAppointment(props: AppointmentsProps) {
                                         : percentage >= 0.6
                                           ? "text-yellow-600"
                                           : "text-green-600",
+                                    selectedSlot?.id === slot.id &&
+                                      "text-white",
                                   )}
                                 >
                                   {availability.tokens_per_slot -