feat(PDYE-1119): prop textos

Author: JavieraMunitaEclass

src/organisms/Calendar/Dropdown/CalendarDropdown.tsx

@@ -3,7 +3,7 @@ import { ICalendarDropdown } from './types'
 
 export const CalendarDropdown = ({
   redirectToCalendar,
-  t,
+  text,
   courseColors,
   now,
   events,
@@ -19,7 +19,7 @@ export const CalendarDropdown = ({
       now={isoDate}
       courseColors={courseColors}
       redirectToCalendar={redirectToCalendar}
-      t={t}
+      text={text}
     />
   )
 }

src/organisms/Calendar/Dropdown/CalendarDropdown/CalendarDropdownContainer.tsx

@@ -11,7 +11,7 @@ import { ICalendarDropdown } from '../types'
 export const CalendarDropdownContainer = ({
   events,
   loading,
-  t,
+  text,
   now,
   redirectToCalendar,
   courseColors: colors,
@@ -22,20 +22,6 @@ export const CalendarDropdownContainer = ({
   const [isTooltipDisabled, setTooltipDisabled] = useState(false)
   const [isMenuOpen, setMenuOpen] = useState(false)
 
-  const text = {
-    buttonCalendar: t('CalendarGoto'),
-    course: t('CalendarCourse'),
-    empty: t('CalendarDontEvent'),
-    events: {
-      today: t('CalendarToday'),
-      tomorrow: t('CalendarTomorrow'),
-      next: t('CalendarNext'),
-    },
-    header: t('CalendarNextDates'),
-    loading: t('Cargando'),
-    tooltip: t('Calendar'),
-  }
-
   // Resuelve tooltip que se mantiene visible al cerrar el menu
   useEffect(() => {
     if (isMenuOpen) {
@@ -87,15 +73,18 @@ export const CalendarDropdownContainer = ({
         <>
           <GoToCalendar
             hasNew={hasNew ?? false}
-            text={text.tooltip}
+            text={text?.tooltip || 'Ir a Mi Calendario'}
             tooltipDisabled={isTooltipDisabled}
           />
           <MenuList>
-            <Header text={text.header} isMobile={isMobile} />
+            <Header
+              text={text?.header || 'Próximas fechas importantes de tus cursos'}
+              isMobile={isMobile}
+            />
             {loading ? (
-              <Loading text={text.loading} />
+              <Loading text={text?.loading || 'Cargando'} />
             ) : events.length === 0 || empty ? (
-              <Empty text={text.empty} />
+              <Empty text={text?.empty || 'Aún no tienes eventos en tu calendario'} />
             ) : (
               <Events
                 colors={colors}

src/organisms/Calendar/Dropdown/CalendarDropdown/Components/Events.tsx

@@ -3,14 +3,15 @@ import { Box, MenuGroup } from '@chakra-ui/react'
 import { Key } from 'react'
 
 import { EventsList } from '../../../EventsList/EventsList'
+import { Text } from '../../types'
 
 interface EventsProps {
   events: {
     today: Event[]
     tomorrow: Event[]
     next: Event[]
   }
-  text: any
+  text: Text
   redirecToCalendar: () => void
   isMobile: boolean
   colors: any
@@ -50,25 +51,25 @@ export const Events = ({
           }}
         >
           <BtnSecondary onClick={redirecToCalendar} m="72px 0 0 24px">
-            {text.buttonCalendar ?? 'Ir a Mi Calendario'}
+            {text?.buttonCalendar ?? 'Ir a Mi Calendario'}
           </BtnSecondary>
         </Box>
       )}
       <EventsGroup
         colors={colors}
-        text={text}
+        text={text.course}
         title={text?.events?.today ?? 'Hoy'}
         events={today}
       />
       <EventsGroup
         colors={colors}
-        text={text}
+        text={text.course}
         title={text?.events?.tomorrow ?? 'Mañana'}
         events={tomorrow}
       />
       <EventsGroup
         colors={colors}
-        text={text}
+        text={text.course}
         title={text?.events?.next ?? 'Próximos'}
         events={next}
       />
@@ -87,7 +88,7 @@ interface Event {
 interface EventsGroupProps {
   title: string
   events: Event[]
-  text: any
+  text: string
   colors: any
 }
 
@@ -144,7 +145,7 @@ const EventsGroup = ({ title, events, text, colors }: EventsGroupProps): JSX.Ele
                   date={event.formatedDate.start}
                   hours={event.formatedDate.hours}
                   color={event.course_id && colors?.[event.course_id]}
-                  text={text.events.course}
+                  text={text}
                   hasNotification={event.isNew}
                   isDropdown
                 />

src/organisms/Calendar/Dropdown/types.d.ts

@@ -24,11 +24,25 @@ interface Event {
 
 export type Events = Event[]
 
+export interface Text {
+  buttonCalendar: string
+  course: string
+  empty: string
+  events: {
+    today: string
+    tomorrow: string
+    next: string
+  }
+  header: string
+  loading: string
+  tooltip: string
+}
+
 interface ICalendarDropdown {
   courseColors?: Record<string, string>
   events: any
   loading?: boolean
   now: string
   redirectToCalendar: () => void
-  t?: Function
+  text: Text
 }

src/organisms/Calendar/EventsList/EventsList.tsx

@@ -10,7 +10,7 @@ export interface IEventList {
   name: string
   color?: string
   courseName?: string
-  text?: string
+  text: string
   date: string
   hours: string
 }