From d48900e958df86027d526f53ab63be1ba41c5e27 Mon Sep 17 00:00:00 2001
From: e-zz <>
Date: Sat, 16 Mar 2024 19:36:50 +0100
Subject: [PATCH] feat: start of week

---
 src/Agenda3/components/calendar/Calendar.tsx   |  3 ++-
 .../SettingsModal/GeneralSettingsForm.tsx      | 18 ++++++++++++++++++
 src/Agenda3/models/settings.ts                 |  1 +
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/Agenda3/components/calendar/Calendar.tsx b/src/Agenda3/components/calendar/Calendar.tsx
index 6d3db97..ee7f9dd 100644
--- a/src/Agenda3/components/calendar/Calendar.tsx
+++ b/src/Agenda3/components/calendar/Calendar.tsx
@@ -41,6 +41,7 @@ const Calendar = ({ onCalendarTitleChange }: CalendarProps, ref) => {
   const { updateEntity } = useAgendaEntities()
   const tasksWithStart = useAtomValue(tasksWithStartAtom)
   const settings = useAtomValue(settingsAtom)
+  const startingDay = settings.general?.startOfWeek
   const groupType = settings.selectedFilters?.length ? 'filter' : 'page'
   const showTasks = tasksWithStart?.filter((task) =>
     settings.viewOptions?.hideCompleted ? task.status === 'todo' : true,
@@ -182,7 +183,7 @@ const Calendar = ({ onCalendarTitleChange }: CalendarProps, ref) => {
         weekNumbers
         weekNumberContent={({ num, date }) => <WeekNumber weekNumber={num} date={date} />}
         defaultTimedEventDuration="00:30"
-        firstDay={1}
+        firstDay={Number(startingDay)}
         fixedWeekCount={false}
         ref={calendarRef}
         height="100%"
diff --git a/src/Agenda3/components/modals/SettingsModal/GeneralSettingsForm.tsx b/src/Agenda3/components/modals/SettingsModal/GeneralSettingsForm.tsx
index 7bc545e..e8716de 100644
--- a/src/Agenda3/components/modals/SettingsModal/GeneralSettingsForm.tsx
+++ b/src/Agenda3/components/modals/SettingsModal/GeneralSettingsForm.tsx
@@ -44,6 +44,24 @@ const GeneralSettingsForm = () => {
             ]}
           />
         </div>
+        <div className="mt-4">
+          <div className="text-gray-500">Start of Week</div>
+          <Select
+            placeholder="Select Start of Week"
+            className="w-[300px]"
+            value={settings.general?.startOfWeek}
+            onChange={(e) => onChange('general.startOfWeek', e)}
+            options={[
+              { label: 'Sun', value: '0' },
+              { label: 'Mon', value: '1' },
+              { label: 'Tue', value: '2' },
+              { label: 'Wed', value: '3' },
+              { label: 'Thu', value: '4' },
+              { label: 'Fri', value: '5' },
+              { label: 'Sat', value: '6' },
+            ]}
+          />
+        </div>
       </div>
     </>
   )
diff --git a/src/Agenda3/models/settings.ts b/src/Agenda3/models/settings.ts
index ad22a31..1883733 100644
--- a/src/Agenda3/models/settings.ts
+++ b/src/Agenda3/models/settings.ts
@@ -6,6 +6,7 @@ export type Settings = {
   general?: {
     useJournalDayAsSchedule?: boolean
     language?: Language
+    startOfWeek?: string
   }
   ics?: {
     repo?: string