diff --git a/src/organisms/Calendar/Dropdown/CalendarDropdown/Components/Events.tsx b/src/organisms/Calendar/Dropdown/CalendarDropdown/Components/Events.tsx index a27eb83e..43ef1599 100644 --- a/src/organisms/Calendar/Dropdown/CalendarDropdown/Components/Events.tsx +++ b/src/organisms/Calendar/Dropdown/CalendarDropdown/Components/Events.tsx @@ -1,4 +1,4 @@ -import { BtnSecondary } from '@/molecules' +import { BtnPrimary } from '@/molecules' import { Box } from '@chakra-ui/react' import { vars } from '@theme' @@ -50,9 +50,9 @@ export const Events = ({ }, }} > - + {text?.buttonCalendar ?? 'Ir a Mi Calendario'} - + )} { - const [isMobile] = useMediaQuery('(max-width: 580px)') const border = `1px solid ${vars('colors-neutral-platinum') ?? '#E8E8E8'}` const initOrEnd = [ @@ -61,30 +58,34 @@ export const EventsList = ({ return ( - {!isMobile && ( + + + {day} + + + {date} + - - {day} - - - {date} - - - {time} - + {time} - )} + {name} {hasNotification && } - {isMobile && ( - svg': { marginRight: '4px' } }}> - - - {day} {date} - - - - {time} - - - )} - {showCourse && !initOrEnd && ( - - {isMobile && ( - - )} - - - {text ? `${text}:` : 'Curso:'} {courseName} - + + {text ? `${text}:` : 'Curso:'} {courseName} )} {showUnit && !initOrEnd && ( - {isMobile && } - {unitName}