fix: disable private calendar option if user already has one

Signed-off-by: Alexander Trost <[email protected]>
fivenet-app · Dec 22, 2024 · 8e76047 · 8e76047
1 parent 6d21648
commit 8e76047
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/app/components/calendar/CalendarCreateOrUpdateModal.vue b/app/components/calendar/CalendarCreateOrUpdateModal.vue
@@ -22,6 +22,7 @@ const { isOpen } = useModal();
 const { attr, activeChar } = useAuth();
 
 const calendarStore = useCalendarStore();
+const { hasPrivateCalendar } = storeToRefs(calendarStore);
 
 const notifications = useNotificatorStore();
 
@@ -50,7 +51,7 @@ type Schema = z.output<typeof schema>;
 const state = reactive<Schema>({
     name: '',
     description: '',
-    private: true,
+    private: !hasPrivateCalendar,
     public: false,
     closed: false,
     color: 'primary',
@@ -181,7 +182,14 @@ const onSubmitThrottle = useThrottleFn(async (event: FormSubmitEvent<Schema>) =>
                             :label="$t('components.calendar.CalendarCreateOrUpdateModal.private')"
                             class="flex-1"
                         >
-                            <UToggle v-model="state.private" :disabled="!canDo.privateCalendar || calendarId !== undefined" />
+                            <UToggle
+                                v-model="state.private"
+                                :disabled="
+                                    !canDo.privateCalendar ||
+                                    calendarId !== undefined ||
+                                    (!props.calendarId && hasPrivateCalendar)
+                                "
+                            />
                         </UFormGroup>
 
                         <UFormGroup v-if="canDo.publicCalendar" name="public" :label="$t('common.public')" class="flex-1">

diff --git a/app/store/calendar.ts b/app/store/calendar.ts
@@ -359,6 +359,12 @@ export const useCalendarStore = defineStore('calendar', {
             }
         },
     },
+    getters: {
+        hasPrivateCalendar: (state) => {
+            const { activeChar } = useAuth();
+            return !!state.calendars.find((c) => c.job === undefined && c.creatorId === activeChar.value?.userId);
+        },
+    },
 });
 
 class CalendarDexie extends Dexie {