From 8764e26d0ab2c9c2a9ccb3de4649772e6eb2ca89 Mon Sep 17 00:00:00 2001
From: Gaelle <gaelle@bimdata.io>
Date: Wed, 10 Jun 2026 08:10:27 +0200
Subject: [PATCH 1/3] fix notifications mail panel

---
 .../project-overview/ProjectOverview.vue      | 47 +++++++++----------
 1 file changed, 21 insertions(+), 26 deletions(-)

diff --git a/src/views/project-board/project-overview/ProjectOverview.vue b/src/views/project-board/project-overview/ProjectOverview.vue
index 92d52c076..4f720825e 100644
--- a/src/views/project-board/project-overview/ProjectOverview.vue
+++ b/src/views/project-board/project-overview/ProjectOverview.vue
@@ -50,6 +50,7 @@
       <Transition name="fade" mode="out-in">
         <div style="height: 100%">
           <BIMDataTabs
+            v-if="sidePanelView === 'settings'"
             width="100%"
             height="40px"
             :tabs="tabs"
@@ -62,33 +63,28 @@
               <span>{{ tab.label }}</span>
             </template>
           </BIMDataTabs>
-          <transition name="fade" mode="out-in">
-            <div style="height: 100%" v-if="isProjectAdmin(project)">
-              <!-- HISTORY -->
-              <ProjectHistoryActivity
-                v-if="currentTab === 'history'"
-                :project="project"
-                @go-folder="goToGEDView"
-              />
 
-              <!-- SETTINGS -->
-              <ProjectNotificationsSettings
-                v-else-if="currentTab === 'settings'"
-                :notification="notification"
-                :selectedRecipientsIds="selectedGroupIds"
-                v-model:notification-mode-activity="notificationModeActivity"
-                v-model:checked-days-activity="checkedDaysActivity"
-                v-model:checked-activity="checkedActivity"
-                @open-recipients-settings="switchToRecipients"
-                @open-timezone-choice="switchToTimezoneChoice"
-                @close="closeSidePanel"
-              />
-            </div>
-          </transition>
+          <template v-if="sidePanelView === 'settings' && isProjectAdmin(project)">
+            <ProjectHistoryActivity
+              v-if="currentTab === 'history'"
+              :project="project"
+              @go-folder="goToGEDView"
+            />
+            <ProjectNotificationsSettings
+              v-else-if="currentTab === 'settings'"
+              :notification="notification"
+              :selectedRecipientsIds="selectedGroupIds"
+              v-model:notification-mode-activity="notificationModeActivity"
+              v-model:checked-days-activity="checkedDaysActivity"
+              v-model:checked-activity="checkedActivity"
+              @open-recipients-settings="switchToRecipients"
+              @open-timezone-choice="switchToTimezoneChoice"
+              @close="closeSidePanel"
+            />
+          </template>
 
-          <!-- Recipients Panel -->
           <ProjectNotificationsRecipients
-            v-show="sidePanelView === 'recipients'"
+            v-if="sidePanelView === 'recipients'"
             :selectedRecipientsIds="selectedGroupIds"
             @back-to-settings="switchToSettings"
             @close="closeNotificationPanel"
@@ -99,9 +95,8 @@
             "
           />
 
-          <!-- Timezone Panel -->
           <ProjectNotificationTimezoneChoice
-            v-show="sidePanelView === 'timezone'"
+            v-if="sidePanelView === 'timezone'"
             @close="closeNotificationPanel"
             @back-to-settings="switchToSettings"
           />

From 9c34bdf1c1668192ef1200150663bf4bdd9231b9 Mon Sep 17 00:00:00 2001
From: Gaelle <gaelle@bimdata.io>
Date: Wed, 10 Jun 2026 08:10:40 +0200
Subject: [PATCH 2/3] add loading for display history activity

---
 .../ProjectHistoryActivity.vue                | 67 ++++++++++---------
 1 file changed, 37 insertions(+), 30 deletions(-)

diff --git a/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.vue b/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.vue
index eb7ebc568..884b1668c 100644
--- a/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.vue
+++ b/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.vue
@@ -23,7 +23,10 @@
     </div>
 
     <div class="content">
-      <template v-if="hasDisplayedLogs">
+      <template v-if="loading">
+        <BIMDataSpinner class="flex items-center justify-center" style="height: 100%" />
+      </template>
+      <template v-else-if="hasDisplayedLogs">
         <div v-for="(logs, day) in displayedGroupedLogs" :key="day" class="day-group">
           <div class="day-title">{{ day }}</div>
           <ActivityItem
@@ -70,37 +73,40 @@ export default {
     const searchText = ref("");
 
     const { formatTimeAgo } = useTimeAgo();
-
+    const loading = ref(false);
     const fetchLogs = async () => {
+      loading.value = true;
       logs.value = [];
-
-      const fetchedLogs = await ProjectService.fetchLogs(props.project);
-
-      logs.value = fetchedLogs
-        .map((log) => {
-          const activity = getActivityFromLog(log);
-
-          if (!activity) return null;
-
-          return {
-            ...log,
-            activity,
-            dateObj: new Date(log.date),
-
-            _search: [
-              log.action,
-              log.user_email,
-              log.project_name,
-              activity?.target,
-              log.path,
-              t(activity?.actionKey ?? ""),
-            ]
-              .filter(Boolean)
-              .join(" ")
-              .toLowerCase(),
-          };
-        })
-        .filter(Boolean);
+      try {
+        const fetchedLogs = await ProjectService.fetchLogs(props.project);
+        logs.value = fetchedLogs
+          .map((log) => {
+            const activity = getActivityFromLog(log);
+
+            if (!activity) return null;
+
+            return {
+              ...log,
+              activity,
+              dateObj: new Date(log.date),
+
+              _search: [
+                log.action,
+                log.user_email,
+                log.project_name,
+                activity?.target,
+                log.path,
+                t(activity?.actionKey ?? ""),
+              ]
+                .filter(Boolean)
+                .join(" ")
+                .toLowerCase(),
+            };
+          })
+          .filter(Boolean);
+      } finally {
+        loading.value = false;
+      }
     };
 
     onMounted(fetchLogs);
@@ -178,6 +184,7 @@ export default {
     const availableActions = computed(() => new Set(logs.value.map((l) => l.action)));
 
     return {
+      loading,
       displayedGroupedLogs,
       hasDisplayedLogs,
       searchText,

From 6093a078c66acfb09d83bf54ca777c29a91aa86f Mon Sep 17 00:00:00 2001
From: Gaelle <gaelle@bimdata.io>
Date: Wed, 10 Jun 2026 09:00:06 +0200
Subject: [PATCH 3/3] add comments

---
 src/views/project-board/project-overview/ProjectOverview.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/project-board/project-overview/ProjectOverview.vue b/src/views/project-board/project-overview/ProjectOverview.vue
index 4f720825e..da12a4c56 100644
--- a/src/views/project-board/project-overview/ProjectOverview.vue
+++ b/src/views/project-board/project-overview/ProjectOverview.vue
@@ -65,11 +65,13 @@
           </BIMDataTabs>
 
           <template v-if="sidePanelView === 'settings' && isProjectAdmin(project)">
+            <!-- HISTORY -->
             <ProjectHistoryActivity
               v-if="currentTab === 'history'"
               :project="project"
               @go-folder="goToGEDView"
             />
+            <!-- SETTINGS -->
             <ProjectNotificationsSettings
               v-else-if="currentTab === 'settings'"
               :notification="notification"
@@ -83,6 +85,7 @@
             />
           </template>
 
+          <!-- Recipients Panel -->
           <ProjectNotificationsRecipients
             v-if="sidePanelView === 'recipients'"
             :selectedRecipientsIds="selectedGroupIds"
@@ -95,6 +98,7 @@
             "
           />
 
+          <!-- Timezone Choice Panel -->
           <ProjectNotificationTimezoneChoice
             v-if="sidePanelView === 'timezone'"
             @close="closeNotificationPanel"