diff --git a/components/calendar/ViewEventModal.tsx b/components/calendar/ViewEventModal.tsx index 9fa9443..be6e96c 100644 --- a/components/calendar/ViewEventModal.tsx +++ b/components/calendar/ViewEventModal.tsx @@ -1,4 +1,5 @@ import { Calendar, CalendarEvent } from '/lib/types.ts'; +import { convertRRuleToWords } from '/lib/utils/calendar.ts'; interface ViewEventModalProps { isOpen: boolean; @@ -51,9 +52,13 @@ export default function ViewEventModal( title={calendar.color} /> -
-

TODO: recurrence

-
+ {calendarEvent.extra.recurring_rrule + ? ( +
+

Repeats {convertRRuleToWords(calendarEvent.extra.recurring_rrule).toLowerCase()}.

+
+ ) + : null} {calendarEvent.extra.description ? (
@@ -101,7 +106,7 @@ export default function ViewEventModal( : null} {Array.isArray(calendarEvent.extra.reminders) && calendarEvent.extra.reminders.length > 0 ? ( -
+
{calendarEvent.extra.reminders.map((reminder) => (

{reminder.description || 'Reminder'} at {hourFormat.format(new Date(reminder.start_date))} via{' '} @@ -111,7 +116,7 @@ export default function ViewEventModal(

) : null} -