feat: refs #7826 add error handling and refresh icon to NavBar

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"

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;
 });