From 0c714d2c041d838a42c692a03a6e3346cc55399b Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Sat, 25 Jan 2025 09:20:07 +0100
Subject: [PATCH] feat: refs #7826 add error handling and refresh icon to
 NavBar

---
 src/components/NavBar.vue |  8 ++++++++
 src/router/index.js       | 13 +++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index ef5bdc6ac..70793ffd6 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -63,7 +63,15 @@ onMounted(() => stateStore.setMounted());
             <div id="searchbar" class="searchbar"></div>
             <QSpace />
             <div class="q-pl-sm q-gutter-sm row items-center no-wrap">
+                {{ state }}
                 <div id="actions-prepend"></div>
+                <QIcon
+                    name="refresh"
+                    size="md"
+                    color="red"
+                    v-if="state.get('error')"
+                    @click="() => window.location.reload()"
+                />
                 <QBtn
                     :class="{ 'q-pa-none': quasar.platform.is.mobile }"
                     id="pinnedModules"
diff --git a/src/router/index.js b/src/router/index.js
index e3e8b6488..9d56c96c6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -15,6 +15,7 @@ import { useAcl } from 'src/composables/useAcl';
 import { isLoggedIn } from 'src/utils/session';
 import { useSession } from 'src/composables/useSession';
 import { Notify } from 'quasar';
+import { useStateStore } from 'stores/useStateStore';
 
 let session = null;
 const { t, te } = i18n.global;
@@ -100,7 +101,9 @@ export default defineRouter(function (/* { store, ssrContext } */) {
 
             title += builtTitle;
         }
-
+        setTimeout(() => {
+            state.set('error', true);
+        }, 1000);
         document.title = title;
     });
 
@@ -108,13 +111,19 @@ export default defineRouter(function (/* { store, ssrContext } */) {
         if (
             error.message.includes('Failed to fetch dynamically imported module') ||
             error.message.includes('Importing a module script failed')
-        )
+        ) {
+            state.set('error', {
+                message: t('globals.errorLoadingPage'),
+                timeout: 5000,
+                type: 'negative',
+            });
             Notify.create({
                 message: t('globals.noSelectedRows'),
                 type: 'negative',
                 timeout: 5000,
                 progress: true,
             });
+        }
     });
     return Router;
 });