feat(note-view): added loading state (#350)

CorentinTh · Nov 17, 2024 · 97fd0f5 · 97fd0f5
1 parent f399b6a
commit 97fd0f5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/packages/app-client/src/locales/en.json b/packages/app-client/src/locales/en.json
@@ -114,6 +114,7 @@
     }
   },
   "view": {
+    "loading": "Loading note...",
     "note-content": "Note content",
     "assets": {
       "download": "Download",

diff --git a/packages/app-client/src/locales/fr.json b/packages/app-client/src/locales/fr.json
@@ -114,6 +114,7 @@
     }
   },
   "view": {
+    "loading": "Chargement de la note...",
     "note-content": "Contenu de la note",
     "assets": {
       "download": "Télécharger",

diff --git a/packages/app-client/src/modules/notes/pages/view-note.page.tsx b/packages/app-client/src/modules/notes/pages/view-note.page.tsx
@@ -260,7 +260,14 @@ export const ViewNotePage: Component = () => {
   return (
     <div>
 
-      <Switch>
+      <Switch
+        fallback={(
+          <div class="mx-auto max-w-400px text-center mt-6 flex flex-col justify-center items-center p-6 gap-2">
+            <div class="i-tabler-loader-2 text-3xl animate-spin text-muted-foreground op-60"></div>
+            <div class="text-muted-foreground">{t('view.loading')}</div>
+          </div>
+        )}
+      >
 
         <Match when={getError()}>
           {error => (