From 7f49bfa05e20ae4adb5ab40244ae9b770c1c2348 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Thu, 27 May 2021 09:52:14 +0800
Subject: [PATCH] fix(webui): show recent books before series

---
 komga-webui/src/views/Dashboard.vue | 36 ++++++++++++++---------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/komga-webui/src/views/Dashboard.vue b/komga-webui/src/views/Dashboard.vue
index 66fbb48fd..50123d2ae 100644
--- a/komga-webui/src/views/Dashboard.vue
+++ b/komga-webui/src/views/Dashboard.vue
@@ -75,6 +75,21 @@
         </template>
       </horizontal-scroller>
 
+      <horizontal-scroller v-if="latestBooks.length !== 0" class="mb-4">
+        <template v-slot:prepend>
+          <div class="title">{{ $t('dashboard.recently_added_books') }}</div>
+        </template>
+        <template v-slot:content>
+          <item-browser :items="latestBooks"
+                        nowrap
+                        :edit-function="singleEditBook"
+                        :selected.sync="selectedBooks"
+                        :selectable="selectedSeries.length === 0"
+                        :fixed-item-width="fixedCardWidth"
+          />
+        </template>
+      </horizontal-scroller>
+
       <horizontal-scroller v-if="newSeries.length !== 0" class="mb-4">
         <template v-slot:prepend>
           <div class="title">{{ $t('dashboard.recently_added_series') }}</div>
@@ -104,21 +119,6 @@
           />
         </template>
       </horizontal-scroller>
-
-      <horizontal-scroller v-if="latestBooks.length !== 0" class="mb-4">
-        <template v-slot:prepend>
-          <div class="title">{{ $t('dashboard.recently_added_books') }}</div>
-        </template>
-        <template v-slot:content>
-          <item-browser :items="latestBooks"
-                        nowrap
-                        :edit-function="singleEditBook"
-                        :selected.sync="selectedBooks"
-                        :selectable="selectedSeries.length === 0"
-                        :fixed-item-width="fixedCardWidth"
-          />
-        </template>
-      </horizontal-scroller>
     </v-container>
   </div>
 </template>
@@ -227,11 +227,11 @@ export default Vue.extend({
       this.library = this.getLibraryLazy(libraryId)
       this.selectedSeries = []
       this.selectedBooks = []
-      this.loadNewSeries(libraryId)
-      this.loadUpdatedSeries(libraryId)
-      this.loadLatestBooks(libraryId)
       this.loadInProgressBooks(libraryId)
       this.loadOnDeckBooks(libraryId)
+      this.loadLatestBooks(libraryId)
+      this.loadNewSeries(libraryId)
+      this.loadUpdatedSeries(libraryId)
     },
     replaceSeries(series: SeriesDto) {
       let index = this.newSeries.findIndex(x => x.id === series.id)