fix(badge): uses local date to detect today instead of UTC

Author: dvcol

package.json

@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@dvcol/base-http-client": "^1.10.0",
-    "@dvcol/common-utils": "^1.8.0",
+    "@dvcol/common-utils": "^1.9.0",
     "@dvcol/tmdb-http-client": "^1.2.3",
     "@dvcol/trakt-http-client": "^1.4.5",
     "@dvcol/web-extension-utils": "^3.3.2",

pnpm-lock.yaml

@@ -1,11 +1,12 @@
-import { DateUtils, dayOfTheWeek } from '@dvcol/common-utils/common/date';
+import { DateUtils, dayOfTheWeek, getTodayISOLocal } from '@dvcol/common-utils/common/date';
 import { defineStore, storeToRefs } from 'pinia';
 import { computed, ref, watch } from 'vue';
 
 import type { CalendarItem } from '~/utils/calendar.utils';
 
 import { MessageType } from '~/models/message/message-type.model';
 import { Logger } from '~/services/logger.service';
+import { NotificationService } from '~/services/notification.service';
 import { fetchCalendarData } from '~/stores/data/calendar.store';
 import { Colors } from '~/styles/colors.style';
 import { sendMessage } from '~/utils/browser/browser-message.utils';
@@ -25,7 +26,7 @@ const sendCalendarBadge = async () => {
     {} as Record<string, CalendarItem[]>,
   );
 
-  const today = new Date().toISOString().split('T')[0];
+  const today = getTodayISOLocal().split('T')[0];
   const text = week[today]?.length.toString();
   if (!text?.length) return;
   const title = Object.entries(week)
@@ -64,6 +65,8 @@ const BadgeStoreConstants = {
 export const useBadgeStore = defineStore(BadgeStoreConstants.Store, () => {
   const enableBadge = ref(false);
 
+  const loading = ref(false);
+
   const saveState = debounce(
     () =>
       storage.sync.set<BadgeStoreState>(BadgeStoreConstants.Store, {
@@ -78,14 +81,35 @@ export const useBadgeStore = defineStore(BadgeStoreConstants.Store, () => {
     if (restored?.enableBadge !== undefined) enableBadge.value = restored.enableBadge;
   };
 
+  const getBadgeData = async () => {
+    if (loading.value) {
+      Logger.warn('Already loading badge data');
+      return;
+    }
+
+    loading.value = true;
+
+    Logger.debug('Getting badge data');
+
+    try {
+      await sendCalendarBadge();
+    } catch (e) {
+      Logger.error('Failed to get badge data', e);
+      NotificationService.error('Failed to get badge data', e);
+      throw e;
+    } finally {
+      loading.value = false;
+    }
+  };
+
   const initBadgeStore = async () => {
     await restoreState();
 
     watch(
       enableBadge,
       async () => {
         if (!enableBadge.value) return calendarBadge();
-        await sendCalendarBadge();
+        await getBadgeData();
       },
       {
         immediate: true,