Adding a minimum loading time

ostyn · Jan 1, 2025 · 3745d4e · 3745d4e
1 parent 995f49d
commit 3745d4e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/routes/entries.route.ts b/src/routes/entries.route.ts
@@ -12,6 +12,7 @@ import '../components/entry.component';
 import '../components/month-control.component';
 import { entryDao } from '../dao/EntryDao';
 import { Entry } from '../interfaces/entry.interface';
+import { timer } from '../utils/Helpers';
 import { go } from './route-config';
 
 @customElement('entries-route')
@@ -79,11 +80,15 @@ export class EntriesRoute extends LitElement implements WebComponentInterface {
             );
             this.scrollToDate = undefined;
         }
+        // Wait at least 500ms
+        const [_, entries] = await Promise.all([
+            timer(500),
+            entryDao.getEntriesFromYearAndMonth(
+                this.currentDate.getFullYear(),
+                this.currentDate.getMonth() + 1
+            ),
+        ]);
 
-        const entries = await entryDao.getEntriesFromYearAndMonth(
-            this.currentDate.getFullYear(),
-            this.currentDate.getMonth() + 1
-        );
         this.isLoading = false;
         this.filteredEntries = [...entries];
     };

diff --git a/src/utils/Helpers.ts b/src/utils/Helpers.ts
@@ -49,3 +49,6 @@ export enum Events {
     monthSelect = 'monthSelect',
     viewChange = 'viewChange',
 }
+export function timer(ms: number) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}