diff --git a/src/documentation/pages/Organisms/CalendarDropdown.tsx b/src/documentation/pages/Organisms/CalendarDropdown.tsx index 8b992fea..4014717f 100644 --- a/src/documentation/pages/Organisms/CalendarDropdown.tsx +++ b/src/documentation/pages/Organisms/CalendarDropdown.tsx @@ -64,8 +64,8 @@ interface ICalendarDropdown { El prop onClickEvent es opcional. Si se envía, se ejecuta al presionar un evento del dropdown siempre que ese evento también tenga url, y entrega - hacia arriba la información completa del evento seleccionado. Los eventos sin URL se - muestran como no disponibles y no ejecutan el callback. + hacia arriba la información completa del evento seleccionado. Los eventos sin URL no + ejecutan el callback. { El evento solo se comporta como clickeable cuando recibe tanto onClick como{' '} - url. Si url llega vacío o nulo, se muestra el estado{' '} - Aún no disponible y se deshabilita la interacción. + url. Si url llega vacío o nulo, se deshabilita la + interacción. @@ -160,7 +160,6 @@ interface IEventList { unitName?: string // Nombre de la unidad text: string // "Curso" type: string // Identificador del tipo de evento - unavailableLabel?: string // Texto del estado no disponible url?: string | null // URL requerida junto a onClick para habilitar interacción } `} diff --git a/src/organisms/Calendar/Dropdown/CalendarDropdown/Components/EventsGroup.test.tsx b/src/organisms/Calendar/Dropdown/CalendarDropdown/Components/EventsGroup.test.tsx index 326c4f58..c114cce1 100644 --- a/src/organisms/Calendar/Dropdown/CalendarDropdown/Components/EventsGroup.test.tsx +++ b/src/organisms/Calendar/Dropdown/CalendarDropdown/Components/EventsGroup.test.tsx @@ -40,13 +40,13 @@ const renderComponent = (event: Event, onClickEvent = jest.fn()): RenderResult = ) describe('EventsGroup', () => { - it('renders unavailable event label and does not call onClickEvent when url is empty', async () => { + it('does not render unavailable event label and does not call onClickEvent when url is empty', async () => { const user = userEvent.setup() const onClickEvent = jest.fn() renderComponent(baseEvent, onClickEvent) - expect(screen.getByText('Aún no disponible')).toBeInTheDocument() + expect(screen.queryByText('Aún no disponible')).not.toBeInTheDocument() await user.click(screen.getByText('Se habilita para responder “Evaluación 2”')) diff --git a/src/organisms/Calendar/EventsList/EventsList.test.tsx b/src/organisms/Calendar/EventsList/EventsList.test.tsx index e378b720..4c78ad80 100644 --- a/src/organisms/Calendar/EventsList/EventsList.test.tsx +++ b/src/organisms/Calendar/EventsList/EventsList.test.tsx @@ -56,13 +56,13 @@ describe('EventsList', () => { expect(screen.getByText('Evento demo')).toBeInTheDocument() }) - it('renders unavailable label and does not call onClick when url is empty', async () => { + it('does not render unavailable label and does not call onClick when url is empty', async () => { const onClick = jest.fn() const user = userEvent.setup() renderComponent(onClick, { url: '' }) - expect(screen.getByText('Aún no disponible')).toBeInTheDocument() + expect(screen.queryByText('Aún no disponible')).not.toBeInTheDocument() await user.click(screen.getByText('Evento demo')) diff --git a/src/organisms/Calendar/EventsList/EventsList.tsx b/src/organisms/Calendar/EventsList/EventsList.tsx index 45b9fc3d..07c1197f 100644 --- a/src/organisms/Calendar/EventsList/EventsList.tsx +++ b/src/organisms/Calendar/EventsList/EventsList.tsx @@ -1,4 +1,3 @@ -import { TinyAlert } from '@/atoms' import { MapIndicator, Remote, Time } from '@/atoms/Icons' import { Box } from '@chakra-ui/react' import { vars } from '@theme' @@ -21,7 +20,6 @@ export interface IEventList { text: string type: string unitName?: string - unavailableLabel?: string url?: string | null } @@ -41,16 +39,13 @@ export const EventsList = ({ text, type, unitName, - unavailableLabel = 'Aún no disponible', url, }: IEventList): JSX.Element => { const border = `1px solid ${vars('colors-neutral-platinum') ?? '#E8E8E8'}` const hoverBg = vars('colors-neutral-cultured2') ?? '#F8F8F8' const hasUrl = Boolean(url) - const isAvailable = url === undefined ? true : hasUrl const eventClicksEnabled = false const isClickable = eventClicksEnabled && Boolean(onClick) && hasUrl - const disabledOpacity = isAvailable ? 1 : 0.5 const isCpr = type === 'cpr' const showEventLocation = !isCpr || Boolean(headquartersAddress) @@ -111,7 +106,6 @@ export const EventsList = ({ display="flex" flexDirection="column" justifyContent="space-around" - opacity={disabledOpacity} > {day} @@ -123,20 +117,7 @@ export const EventsList = ({ - {!isAvailable && ( - span': { - fontSize: '12px', - }, - }} - /> - )} - - +