fix(webui): show recent books before series

gotson · May 27, 2021 · 7f49bfa · 7f49bfa
1 parent c3b352a
commit 7f49bfa
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/komga-webui/src/views/Dashboard.vue b/komga-webui/src/views/Dashboard.vue
@@ -75,27 +75,27 @@
         </template>
       </horizontal-scroller>
 
-      <horizontal-scroller v-if="newSeries.length !== 0" class="mb-4">
+      <horizontal-scroller v-if="latestBooks.length !== 0" class="mb-4">
         <template v-slot:prepend>
-          <div class="title">{{ $t('dashboard.recently_added_series') }}</div>
+          <div class="title">{{ $t('dashboard.recently_added_books') }}</div>
         </template>
         <template v-slot:content>
-          <item-browser :items="newSeries"
+          <item-browser :items="latestBooks"
                         nowrap
-                        :edit-function="singleEditSeries"
-                        :selected.sync="selectedSeries"
-                        :selectable="selectedBooks.length === 0"
+                        :edit-function="singleEditBook"
+                        :selected.sync="selectedBooks"
+                        :selectable="selectedSeries.length === 0"
                         :fixed-item-width="fixedCardWidth"
           />
         </template>
       </horizontal-scroller>
 
-      <horizontal-scroller v-if="updatedSeries.length !== 0" class="mb-4">
+      <horizontal-scroller v-if="newSeries.length !== 0" class="mb-4">
         <template v-slot:prepend>
-          <div class="title">{{ $t('dashboard.recently_updated_series') }}</div>
+          <div class="title">{{ $t('dashboard.recently_added_series') }}</div>
         </template>
         <template v-slot:content>
-          <item-browser :items="updatedSeries"
+          <item-browser :items="newSeries"
                         nowrap
                         :edit-function="singleEditSeries"
                         :selected.sync="selectedSeries"
@@ -105,16 +105,16 @@
         </template>
       </horizontal-scroller>
 
-      <horizontal-scroller v-if="latestBooks.length !== 0" class="mb-4">
+      <horizontal-scroller v-if="updatedSeries.length !== 0" class="mb-4">
         <template v-slot:prepend>
-          <div class="title">{{ $t('dashboard.recently_added_books') }}</div>
+          <div class="title">{{ $t('dashboard.recently_updated_series') }}</div>
         </template>
         <template v-slot:content>
-          <item-browser :items="latestBooks"
+          <item-browser :items="updatedSeries"
                         nowrap
-                        :edit-function="singleEditBook"
-                        :selected.sync="selectedBooks"
-                        :selectable="selectedSeries.length === 0"
+                        :edit-function="singleEditSeries"
+                        :selected.sync="selectedSeries"
+                        :selectable="selectedBooks.length === 0"
                         :fixed-item-width="fixedCardWidth"
           />
         </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)