Merge pull request #924 from cultuurnet/feature/III-6257

III-6257-Sort the days of the opening hours

src/constants/DaysOfWeek.ts

@@ -1,16 +1,16 @@
 import { Values } from '@/types/Values';
 
-const DaysOfWeek = {
-  MONDAY: 'monday',
-  TUESDAY: 'tuesday',
-  WEDNESDAY: 'wednesday',
-  THURSDAY: 'thursday',
-  FRIDAY: 'friday',
-  SATURDAY: 'saturday',
-  SUNDAY: 'sunday',
-} as const;
+const DaysOfWeek = [
+  'monday',
+  'tuesday',
+  'wednesday',
+  'thursday',
+  'friday',
+  'saturday',
+  'sunday',
+] as const;
 
-type DayOfWeek = Values<typeof DaysOfWeek>;
+type DayOfWeek = (typeof DaysOfWeek)[number];
 
 export { DaysOfWeek };
 export type { DayOfWeek };

src/pages/steps/CalendarStep/CalendarOpeninghoursModal.tsx

@@ -150,6 +150,9 @@ const CalendarOpeninghoursModal = ({
       openingHours.map((openingHour) => {
         if (openingHour.id === idToChange && checked) {
           openingHour.dayOfWeek.push(dayOfWeek);
+          openingHour.dayOfWeek.sort((a, b) => {
+            return DaysOfWeek.indexOf(a) - DaysOfWeek.indexOf(b);
+          });
         }
         if (
           openingHour.id === idToChange &&