style: add clear all button to timeslots page

chrisbenincasa · Nov 8, 2024 · 0bae6e6 · 0bae6e6
1 parent 0f5b437
commit 0bae6e6
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/web/src/pages/channels/TimeSlotEditorPage.tsx b/web/src/pages/channels/TimeSlotEditorPage.tsx
@@ -7,6 +7,7 @@ import { useChannelEditor } from '@/store/selectors.ts';
 import {
   ArrowBack,
   Autorenew,
+  ClearAll,
   ExpandLess,
   ExpandMore,
 } from '@mui/icons-material';
@@ -392,6 +393,15 @@ export default function TimeSlotEditorPage() {
               Time Slots
             </Typography>
             <AddTimeSlotButton control={control} setValue={setValue} />
+            {!isEmpty(currentSlots) && (
+              <Button
+                onClick={() => setValue('slots', [], { shouldDirty: true })}
+                sx={{ ml: 1 }}
+                startIcon={<ClearAll />}
+              >
+                Clear All
+              </Button>
+            )}
           </Stack>
           <Divider sx={{ my: 2 }} />
           {renderTimeSlots()}