From 24c048df4d5b531080f2c3d6d5bae8dd513befe1 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Wed, 27 Nov 2024 19:36:37 +0100
Subject: [PATCH 1/2] Fixed monthsPerYear leftover data

---
 components/calendar/CalendarMenuSubnav.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/calendar/CalendarMenuSubnav.vue b/components/calendar/CalendarMenuSubnav.vue
index 3b0d7d0..4cb17f4 100644
--- a/components/calendar/CalendarMenuSubnav.vue
+++ b/components/calendar/CalendarMenuSubnav.vue
@@ -4,7 +4,7 @@ import { type RPGDate } from "@/models/Date"
 import { PhArrowLineLeft, PhArrowLineRight } from "@phosphor-icons/vue"
 import { useToast } from "../ui/toast";
 
-const { currentDate, currentConfig, jumpToDate, getRelativeEventFromDate } = useCalendar()
+const { currentDate, currentConfig, jumpToDate, getRelativeEventFromDate, monthsPerYear } = useCalendar()
 
 const { toast } = useToast()
 const { t } = useI18n()
@@ -14,7 +14,6 @@ function handleGotoPreviousEventPage(position: "next" | "prev" = "next") {
 
   // To modify, obviously
   const daysPerMonth = 32
-  const monthsPerYear = 10
 
   const toDay = position === "next" ? daysPerMonth : 1
   const toMonth = position === "next" ? monthsPerYear : 0

From acd04769701754ed8ea172a595b4afbbd3b006fe Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Mon, 2 Dec 2024 18:31:08 +0100
Subject: [PATCH 2/2] Removed paged component nav

As this will be moved to their own files and on the server side, I see little reason to refactor them, just so they'll be refactored again down the line.
---
 components/calendar/CalendarMenuSubnav.vue | 113 ++++++++++-----------
 1 file changed, 54 insertions(+), 59 deletions(-)

diff --git a/components/calendar/CalendarMenuSubnav.vue b/components/calendar/CalendarMenuSubnav.vue
index 4cb17f4..5e35569 100644
--- a/components/calendar/CalendarMenuSubnav.vue
+++ b/components/calendar/CalendarMenuSubnav.vue
@@ -1,71 +1,66 @@
 <script lang="ts" setup>
-import { type RPGDate } from "@/models/Date"
+const { currentDate } = useCalendar()
 
-import { PhArrowLineLeft, PhArrowLineRight } from "@phosphor-icons/vue"
-import { useToast } from "../ui/toast";
+// const { toast } = useToast()
+// const { t } = useI18n()
 
-const { currentDate, currentConfig, jumpToDate, getRelativeEventFromDate, monthsPerYear } = useCalendar()
+// function handleGotoPreviousEventPage(position: "next" | "prev" = "next") {
+//   let fromDate: RPGDate
 
-const { toast } = useToast()
-const { t } = useI18n()
+//   // To modify, obviously
+//   const daysPerMonth = 32
 
-function handleGotoPreviousEventPage(position: "next" | "prev" = "next") {
-  let fromDate: RPGDate
+//   const toDay = position === "next" ? daysPerMonth : 1
+//   const toMonth = position === "next" ? monthsPerYear : 0
 
-  // To modify, obviously
-  const daysPerMonth = 32
+//   switch (currentConfig.viewType) {
+//     case "month":
+//       fromDate = {
+//         day: toDay,
+//         month: currentDate.currentMonth,
+//         year: currentDate.currentYear
+//       }
+//       break
 
-  const toDay = position === "next" ? daysPerMonth : 1
-  const toMonth = position === "next" ? monthsPerYear : 0
+//     case "year":
+//       fromDate = {
+//         day: toDay,
+//         month: toMonth,
+//         year: currentDate.currentYear
+//       }
+//       break
 
-  switch (currentConfig.viewType) {
-    case "month":
-      fromDate = {
-        day: toDay,
-        month: currentDate.currentMonth,
-        year: currentDate.currentYear
-      }
-      break
+//     case "decade":
+//       fromDate = {
+//         day: toDay,
+//         month: currentDate.currentMonth,
+//         year: currentDate.currentYear
+//       }
+//       break
 
-    case "year":
-      fromDate = {
-        day: toDay,
-        month: toMonth,
-        year: currentDate.currentYear
-      }
-      break
+//     case "century":
+//     default:
+//       fromDate = {
+//         day: toDay,
+//         month: currentDate.currentMonth,
+//         year: currentDate.currentYear
+//       }
+//       break
+//   }
 
-    case "decade":
-      fromDate = {
-        day: toDay,
-        month: currentDate.currentMonth,
-        year: currentDate.currentYear
-      }
-      break
+//   try {
+//     const { targetDate } = getRelativeEventFromDate(fromDate, position)
 
-    case "century":
-    default:
-      fromDate = {
-        day: toDay,
-        month: currentDate.currentMonth,
-        year: currentDate.currentYear
-      }
-      break
-  }
-
-  try {
-    const { targetDate } = getRelativeEventFromDate(fromDate, position)
-
-    jumpToDate(targetDate)
-  } catch (err) {
-    toast({
-      title: t("entity.calendar.event.outOfBoundsTitle"),
-      variant: "default",
-      description: t("entity.calendar.event.outOfBoundsMessage"),
-      duration: 4000,
-    })
-  }
-}
+//     jumpToDate(targetDate)
+//   } catch (err) {
+//     toast({
+//       title: t("entity.calendar.event.outOfBoundsTitle"),
+//       variant: "default",
+//       description: t("entity.calendar.event.outOfBoundsMessage"),
+//       duration: 4000,
+//     })
+//   }
+// }
 </script>
 
 <template>
@@ -81,7 +76,7 @@ function handleGotoPreviousEventPage(position: "next" | "prev" = "next") {
         </template>
       </ClientOnly>
     </div>
-    <div>
+    <!-- <div>
       <UiTooltipProvider :delay-duration="250">
         <UiTooltip>
           <UiTooltipTrigger as-child>
@@ -122,6 +117,6 @@ function handleGotoPreviousEventPage(position: "next" | "prev" = "next") {
           </UiTooltipContent>
         </UiTooltip>
       </UiTooltipProvider>
-    </div>
+    </div> -->
   </div>
 </template>