From 5b03b512b842bc03686d7e91741d23bce50a813a Mon Sep 17 00:00:00 2001
From: Maxime GRANDCOLAS <maxime.grandcolas@scille.fr>
Date: Thu, 13 Feb 2025 14:20:19 +0100
Subject: [PATCH] [MS] Update workspace history page when route changes

---
 .../views/workspaces/WorkspaceHistoryPage.vue | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/client/src/views/workspaces/WorkspaceHistoryPage.vue b/client/src/views/workspaces/WorkspaceHistoryPage.vue
index 98ad5105e31..c62a073b86e 100644
--- a/client/src/views/workspaces/WorkspaceHistoryPage.vue
+++ b/client/src/views/workspaces/WorkspaceHistoryPage.vue
@@ -143,7 +143,7 @@
 
 <script setup lang="ts">
 import { IonPage, IonList, IonLabel, IonButtons, IonIcon, IonButton, IonListHeader, IonContent, IonText } from '@ionic/vue';
-import { computed, onBeforeUnmount, onMounted, ref, Ref, inject } from 'vue';
+import { computed, onBeforeUnmount, onMounted, ref, Ref, inject, onUnmounted } from 'vue';
 import { FsPath, Path, getWorkspaceInfo, StartedWorkspaceInfo, statFolderChildrenAt, entryStatAt, EntryName } from '@/parsec';
 import { MsCheckbox, MsSpinner, MsSearchInput, askQuestion, Answer, MsDatetimePicker, I18n } from 'megashark-lib';
 import { DateTime } from 'luxon';
@@ -151,7 +151,7 @@ import { RouterPathNode } from '@/components/header/HeaderBreadcrumbs.vue';
 import HeaderBreadcrumbs from '@/components/header/HeaderBreadcrumbs.vue';
 import { WorkspaceHistoryEntryCollection, WorkspaceHistoryEntryModel, HistoryFileListItem } from '@/components/files';
 import { chevronBack, chevronForward, warning } from 'ionicons/icons';
-import { currentRouteIs, getCurrentRouteQuery, getDocumentPath, getWorkspaceHandle, Routes } from '@/router';
+import { currentRouteIs, getCurrentRouteQuery, getDocumentPath, getWorkspaceHandle, Routes, watchRoute } from '@/router';
 import { FileOperationManager, FileOperationManagerKey } from '@/services/fileOperationManager';
 import { SortProperty } from '@/components/users';
 import { InformationManager, InformationManagerKey } from '@/services/informationManager';
@@ -183,7 +183,14 @@ const someSelected = computed(() => {
   return entries.value.selectedCount() > 0;
 });
 
-onMounted(async () => {
+const cancelRouteWatch = watchRoute(async () => {
+  if (!currentRouteIs(Routes.History)) {
+    return;
+  }
+  await loadHistory();
+});
+
+async function loadHistory(): Promise<void> {
   const workspaceHandle = getWorkspaceHandle();
   if (workspaceHandle) {
     const infoResult = await getWorkspaceInfo(workspaceHandle);
@@ -202,6 +209,10 @@ onMounted(async () => {
   }
 
   await listCurrentPath();
+}
+
+onMounted(async () => {
+  await loadHistory();
 });
 
 onBeforeUnmount(async () => {
@@ -211,6 +222,10 @@ onBeforeUnmount(async () => {
   }
 });
 
+onUnmounted(async () => {
+  cancelRouteWatch();
+});
+
 async function onDateTimeChange(): Promise<void> {
   await listCurrentPath();
 }