Update button size and color in ChoreView component

This commit is contained in:
Mo Tarbin 2024-07-07 02:13:33 -04:00
parent b64df1ab15
commit 8a919dd427

View file

@ -344,16 +344,16 @@ const ChoreView = () => {
setSecondsLeftToCancel(null) // Reset or adjust as needed setSecondsLeftToCancel(null) // Reset or adjust as needed
} }
}} }}
size='md' size='lg'
variant='outlined' variant='outlined'
color='primary' color='danger'
startDecorator={<CancelScheduleSend />} startDecorator={<CancelScheduleSend />}
> >
Cancel Cancel
</Button> </Button>
} }
> >
<Typography level='body2' textAlign={'center'}> <Typography level='body-md' textAlign={'center'}>
Task will be marked as completed in {secondsLeftToCancel} seconds Task will be marked as completed in {secondsLeftToCancel} seconds
</Typography> </Typography>
</Snackbar> </Snackbar>