From be29242cd3ea43d994d6950a5bf477358bd6f275 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Tue, 26 Jul 2022 17:14:07 +0200
Subject: [PATCH] Intersection observer threshold set to 0 & hide button on
 load

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

diff --git a/src/components/ResultsSection.vue b/src/components/ResultsSection.vue
index 928a50d..c8f11da 100644
--- a/src/components/ResultsSection.vue
+++ b/src/components/ResultsSection.vue
@@ -17,7 +17,7 @@
     <div ref="loadMoreButton" class="button-container">
       <seasoned-button
         class="load-button"
-        v-if="!shortList && page != totalPages && results.length"
+        v-if="!loading && !shortList && page != totalPages && results.length"
         @click="loadMore"
         :fullWidth="true"
         >load more</seasoned-button
@@ -137,7 +137,7 @@ export default {
       this.observer = new IntersectionObserver(this.handleButtonIntersection, {
         root: this.$refs.resultSection.$el,
         rootMargin: "0px",
-        threshold: 1.0
+        threshold: 0
       });
 
       this.observer.observe(this.$refs.loadMoreButton);