calendar split REJECT status

src/modules/05_leave/components/Calendar.vue

@@ -106,7 +106,9 @@ async function fetchDataCalendar() {
         (e: any) => e.keycloakId === keycloakId.value
       );
 
-      const event = data.map((e: DataCalendar) => ({
+      const event = data
+        .filter((x: any) => x.status != "REJECT")
+        .map((e: DataCalendar) => ({
           id: e.id,
           title: `${e.fullName} (${e.leaveTypeName})`,
           start: e.leaveStartDate,
@@ -242,7 +244,11 @@ onMounted(async () => {
       <div class="q-mt-sm col-12">
         <div class="row col-12 q-gutter-sm">
           <div class="demo-app-main">
-            <q-card bordered flat class="q-pa-sm q-mb-sm col-12 row bg-grey-1 shadow-0">
+            <q-card
+              bordered
+              flat
+              class="q-pa-sm q-mb-sm col-12 row bg-grey-1 shadow-0"
+            >
               <div class="items-center col-12 row q-col-gutter-sm">
                 <!-- filter เลือกเดือนปี -->
                 <datepicker