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',
- },
- }}
- />
- )}
-
-
+