From 662f36b3e2c19a34ec3a4eab2a115ad949713845 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Wed, 12 Feb 2025 18:02:09 +0100
Subject: [PATCH] enhance: calendar add button

---
 src/views/admin/club/calendar/Calendar.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/views/admin/club/calendar/Calendar.vue b/src/views/admin/club/calendar/Calendar.vue
index 4487079..d45bd41 100644
--- a/src/views/admin/club/calendar/Calendar.vue
+++ b/src/views/admin/club/calendar/Calendar.vue
@@ -3,7 +3,10 @@
     <template #topBar>
       <div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
         <h1 class="font-bold text-xl h-8">Kalender</h1>
-        <LinkIcon class="text-gray-500 h-5 w-5 cursor-pointer" @click="openLinkModal" />
+        <div class="flex flex-row gap-2">
+          <PlusIcon class="text-gray-500 h-5 w-5 cursor-pointer" @click="select" />
+          <LinkIcon class="text-gray-500 h-5 w-5 cursor-pointer" @click="openLinkModal" />
+        </div>
       </div>
     </template>
     <template #diffMain>
@@ -26,7 +29,7 @@ import timeGridPlugin from "@fullcalendar/timegrid";
 import interactionPlugin from "@fullcalendar/interaction";
 import { useCalendarStore } from "@/stores/admin/club/calendar";
 import { useAbilityStore } from "@/stores/ability";
-import { LinkIcon } from "@heroicons/vue/24/outline";
+import { LinkIcon, PlusIcon } from "@heroicons/vue/24/outline";
 </script>
 
 <script lang="ts">
@@ -76,9 +79,9 @@ export default defineComponent({
       this.openModal(
         markRaw(defineAsyncComponent(() => import("@/components/admin/club/calendar/CreateCalendarModal.vue"))),
         {
-          start: e.startStr,
-          end: e.endStr,
-          allDay: e.allDay,
+          start: e?.startStr ?? new Date().toISOString(),
+          end: e?.endStr ?? new Date().toISOString(),
+          allDay: e?.allDay ?? false,
         }
       );
     },