KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Don't show load more if results.length is zero

Browse Source
This commit is contained in:
Kevin
2022-03-06 12:01:56 +01:00
parent eb253609d5
commit 7c969b55dc
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ResultsSection.vue
View File

@@ -14,8 +14,11 @@
<results-list v-bind="{ results, shortList }" /> <results-list v-bind="{ results, shortList }" />
<loader v-if="loading" /> <loader v-if="loading" />
<div v-if="!shortList && page != totalPages" class="load-button"> <div class="load-button" ref="loadMoreButton">
<seasoned-button ref="loadMoreButton" @click="loadMore" :fullWidth="true" <seasoned-button
v-if="!shortList && page != totalPages && results.length"
@click="loadMore"
:fullWidth="true"
>load more</seasoned-button >load more</seasoned-button
> >
</div> </div>
@@ -121,7 +124,6 @@ export default {
if (!front) this.results = this.results.concat(...results.results); if (!front) this.results = this.results.concat(...results.results);
else this.results = results.results.concat(...this.results); else this.results = results.results.concat(...this.results);
this.page = results.page; this.page = results.page;
console.log("pushing page:", this.page);
this.loadedPages.push(this.page); this.loadedPages.push(this.page);
this.loadedPages = this.loadedPages.sort((a, b) => a - b); this.loadedPages = this.loadedPages.sort((a, b) => a - b);
this.totalPages = results.total_pages; this.totalPages = results.total_pages;
@@ -137,7 +139,7 @@ export default {
threshold: 1.0 threshold: 1.0
}); });
this.observer.observe(this.$refs.loadMoreButton.$el); this.observer.observe(this.$refs.loadMoreButton);
}, },
handleButtonIntersection(entries) { handleButtonIntersection(entries) {
entries.map(entry => entries.map(entry =>