fix(courses): allow to hide agenda events and their recurrences

assets/translations/en.json

@@ -77,6 +77,7 @@
       "false": "Non active",
       "true": "Active"
     },
+    "agenda": "Agenda",
     "agent": "Agent",
     "all": "All",
     "appFeedback": "App Feedback",
@@ -157,7 +158,9 @@
     "follow": "Follow",
     "free": "Free",
     "grade": "Grade",
+    "hiddenEvents": "Hidden events",
     "hide": "Hide",
+    "hideInAgenda": "Hide in Agenda",
     "hour": "Hour",
     "hours": "Hour",
     "icon": "Icon",
@@ -532,7 +535,10 @@
     "title": "Offers screen"
   },
   "lectureScreen": {
-    "courseFilesCta": "Go to course files"
+    "courseFilesCta": "Go to course files",
+    "hideEventAlertTitle": "Hide event",
+    "hideEventAlertMessage": " You are hiding the {{ day }} {{ title }} event from {{ fromTime }} to {{ toTime }}",
+    "hideEventButtonTitle": "Hide from the agenda"
   },
   "libraryScreen": {
     "title": "Library"

assets/translations/it.json

@@ -84,6 +84,7 @@
       "false": "Non attiva",
       "true": "Attiva"
     },
+    "agenda": "Agenda",
     "agent": "Operatore",
     "all": "Tutti",
     "appFeedback": "Segnalazioni App",
@@ -164,7 +165,9 @@
     "follow": "Segui",
     "free": "Libera",
     "grade": "Voto",
+    "hiddenEvents": "Eventi nascosti",
     "hide": "Nascondi",
+    "hideInAgenda": "Nascondi in agenda",
     "hour": "Orario",
     "hours": "Ore",
     "icon": "Icona",
@@ -546,7 +549,10 @@
     "title": "Offerte di lavoro"
   },
   "lectureScreen": {
-    "courseFilesCta": "Vai al materiale del corso"
+    "courseFilesCta": "Vai al materiale del corso",
+    "hideEventAlertTitle": "Nascondi Evento",
+    "hideEventAlertMessage": "Stai nascondendo l'evento di: {{ title }} di {{ day }} dalle {{ fromTime }} alle {{ toTime }}",
+    "hideEventButtonTitle": "Nascondi evendo dall'agenda"
   },
   "libraryScreen": {
     "title": "Biblioteca"

src/core/contexts/PreferencesContext.ts

@@ -4,6 +4,7 @@ import { PlaceOverview } from '@polito/api-client';
 import { PersonOverview } from '@polito/api-client/models';
 
 import { AgendaTypesFilterState } from '../../features/agenda/types/AgendaTypesFilterState';
+import { HiddenRecurrence } from '../../features/courses/types/Recurrence';
 
 export const editablePreferenceKeys = [
   'lastInstalledVersion',
@@ -80,6 +81,8 @@ export interface CoursePreferencesProps {
   icon?: string;
   isHidden: boolean;
   order?: number;
+  isHiddenInAgenda: boolean;
+  itemsToHideInAgenda?: HiddenRecurrence[];
 }
 
 export const PreferencesContext = createContext<

src/core/queries/courseHooks.ts

@@ -77,6 +77,7 @@ const setupCourses = (
       coursePreferences[newC.uniqueShortcode] = {
         color: colorData.color,
         isHidden: false,
+        isHiddenInAgenda: false,
       };
       hasNewPreferences = true;
     }

src/features/agenda/components/DailyAgenda.tsx

@@ -7,6 +7,7 @@ import { useStylesheet } from '@lib/ui/hooks/useStylesheet';
 import { Theme } from '@lib/ui/types/Theme';
 
 import { isCurrentMonth, isCurrentYear } from '../../../utils/dates';
+import { useHideEventFilter } from '../hooks/useHideEventFilter';
 import { AgendaDay } from '../types/AgendaDay';
 import { BookingCard } from './BookingCard';
 import { DeadlineCard } from './DeadlineCard';
@@ -29,6 +30,8 @@ export const DailyAgenda = ({ agendaDay, isEmptyWeek, onLayout }: Props) => {
     !isCurrentMonth(agendaDay.date) && agendaDay.date.toFormat('MMM');
   const year = !isCurrentYear(agendaDay.date) && agendaDay.date.toFormat('y');
 
+  const filteredAgendaDay = useHideEventFilter(agendaDay.items);
+
   return (
     <Row onLayout={onLayout}>
       <Col style={styles.dayColumn} align="stretch">
@@ -68,7 +71,7 @@ export const DailyAgenda = ({ agendaDay, isEmptyWeek, onLayout }: Props) => {
             <EmptyDay />
           )
         ) : (
-          agendaDay?.items.map(item => {
+          filteredAgendaDay.map(item => {
             switch (item.type) {
               case 'booking':
                 return <BookingCard key={item.key} item={item} />;

src/features/agenda/hooks/useHideEventFilter.ts

@@ -0,0 +1,36 @@
+import { usePreferencesContext } from '../../../core/contexts/PreferencesContext';
+import { resolvePlaceId } from '../../places/utils/resolvePlaceId';
+import { AgendaItem } from '../types/AgendaItem';
+
+export const useHideEventFilter = (data: AgendaItem[]) => {
+  const { courses } = usePreferencesContext();
+
+  return data.filter(item => {
+    if (item.type !== 'lecture') return true;
+
+    if (!item.uniqueShortcode) return true;
+
+    const course = courses[item.uniqueShortcode];
+
+    if (course.isHiddenInAgenda) return false;
+
+    if (!course.itemsToHideInAgenda) return true;
+
+    const lectureRecurrence = {
+      day: item.start.weekday,
+      start: item.fromTime,
+      end: item.toTime,
+      room: item.place ? resolvePlaceId(item.place) : '',
+    };
+
+    const isLectureHidden = course.itemsToHideInAgenda.some(
+      hiddenRecurrence =>
+        hiddenRecurrence.day === lectureRecurrence.day &&
+        hiddenRecurrence.start === lectureRecurrence.start &&
+        hiddenRecurrence.end === lectureRecurrence.end &&
+        hiddenRecurrence.room === lectureRecurrence.room,
+    );
+
+    return !isLectureHidden;
+  });
+};

src/features/agenda/queries/agendaHooks.ts

@@ -115,6 +115,7 @@ const groupItemsByDay = (
         teacherId: lecture.teacherId,
         virtualClassrooms: lecture.virtualClassrooms,
         description: lecture.description,
+        uniqueShortcode: lecture.uniqueShortcode,
       };
       return item;
     }),

src/features/agenda/screens/AgendaWeekScreen.tsx

@@ -32,6 +32,7 @@ import { DeadlineCard } from '../components/DeadlineCard';
 import { ExamCard } from '../components/ExamCard';
 import { LectureCard } from '../components/LectureCard';
 import { WeekFilter } from '../components/WeekFilter';
+import { useHideEventFilter } from '../hooks/useHideEventFilter';
 import {
   getAgendaWeekQueryKey,
   useGetAgendaWeek,
@@ -83,6 +84,8 @@ export const AgendaWeekScreen = ({ navigation, route }: Props) => {
     return weekData?.data?.flatMap(week => week.items) ?? [];
   }, [weekData?.data]);
 
+  const filteredCalendarData = useHideEventFilter(calendarData);
+
   const getNextWeek = useCallback(() => {
     setCurrentWeek(w => {
       const nextWeek = w.plus({ days: 7 });
@@ -257,7 +260,7 @@ export const AgendaWeekScreen = ({ navigation, route }: Props) => {
           ))}
         {calendarHeight && (
           <Calendar<AgendaItem>
-            events={calendarData}
+            events={filteredCalendarData}
             headerContentStyle={styles.dayHeader}
             weekDayHeaderHighlightColor={colors.background}
             date={currentWeek}