fix(checkin): refresh progress and calendar view on checkin event

Author: dvcol

src/components/views/history/HistoryComponent.vue

@@ -12,6 +12,7 @@ import {
 import { usePanelItem } from '~/components/views/panel/use-panel-item';
 import { useAppStateStoreRefs } from '~/stores/app-state.store';
 import { useHistoryStore, useHistoryStoreRefs } from '~/stores/data/history.store';
+import { useWatchingStoreRefs } from '~/stores/data/watching.store';
 import { useI18n } from '~/utils/i18n.utils';
 import { watchUserChange } from '~/utils/store.utils';
 
@@ -20,6 +21,7 @@ const { footerOpen, panelOpen, panelDirty } = useAppStateStoreRefs();
 const { filteredHistory, pagination, loading, pageSize, belowThreshold, searchHistory } =
   useHistoryStoreRefs();
 const { fetchHistory, clearState } = useHistoryStore();
+const { isWatching } = useWatchingStoreRefs();
 
 const i18n = useI18n('history');
 
@@ -32,6 +34,10 @@ onMounted(() => {
   watch(panelOpen, async value => {
     if (!value && panelDirty.value) await fetchHistory();
   });
+  watch(isWatching, async () => {
+    if (panelOpen.value) return;
+    await fetchHistory();
+  });
 });
 
 const list = useListScroll(filteredHistory, 'watched_at');

src/components/views/progress/ProgressComponent.vue

@@ -11,6 +11,7 @@ import { usePanelItem } from '~/components/views/panel/use-panel-item';
 import { ExternaLinks } from '~/settings/external.links';
 import { useAppStateStoreRefs } from '~/stores/app-state.store';
 import { useProgressStore, useProgressStoreRefs } from '~/stores/data/progress.store';
+import { useWatchingStoreRefs } from '~/stores/data/watching.store';
 import { useI18n } from '~/utils/i18n.utils';
 import { watchUserChange } from '~/utils/store.utils';
 
@@ -20,6 +21,7 @@ const { footerOpen, panelOpen, panelDirty } = useAppStateStoreRefs();
 
 const { progress, loading, loggedOut } = useProgressStoreRefs();
 const { fetchProgress, clearState } = useProgressStore();
+const { isWatching } = useWatchingStoreRefs();
 
 watchUserChange({
   fetch: fetchProgress,
@@ -30,6 +32,10 @@ onMounted(() => {
   watch(panelOpen, async value => {
     if (!value && panelDirty.value) await fetchProgress();
   });
+  watch(isWatching, async () => {
+    if (panelOpen.value) return;
+    await fetchProgress();
+  });
 });
 
 const { scrolled, listRef, onClick } = useBackToTop();