From 394cd71e44ca26e455760213aeebb775072dc3cf Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sat, 5 Mar 2022 18:23:06 +0100
Subject: [PATCH] Fixed sort where loadMore never got past 10

---
 src/components/ResultsSection.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ResultsSection.vue b/src/components/ResultsSection.vue
index 8b0ad5f..41eb0c1 100644
--- a/src/components/ResultsSection.vue
+++ b/src/components/ResultsSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="resultSection">
+  <div ref="resultSection" class="resultSection">
     <list-header v-bind="{ title, info, shortList }" :sticky="true" />
 
     <div
@@ -121,8 +121,9 @@ export default {
           if (!front) this.results = this.results.concat(...results.results);
           else this.results = results.results.concat(...this.results);
           this.page = results.page;
+          console.log("pushing page:", this.page);
           this.loadedPages.push(this.page);
-          this.loadedPages = this.loadedPages.sort();
+          this.loadedPages = this.loadedPages.sort((a, b) => a - b);
           this.totalPages = results.total_pages;
           this.totalResults = results.total_results;
         })
@@ -167,6 +168,10 @@ export default {
 <style lang="scss" scoped>
 @import "src/scss/media-queries";
 
+.resultSection {
+  background-color: var(--background-color);
+}
+
 .load-button {
   display: flex;
   width: 100%;