🐛 Display all crates in the sidebar (closes #39)

Previously it would only get a max of 20 crates from the API
WebCrateApp · Sep 16, 2021 · facd658 · facd658
1 parent 1d7c7f8
commit facd658
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/client/layouts/sidebar.vue b/client/layouts/sidebar.vue
@@ -42,7 +42,7 @@ export default {
 
 		if (!this.isPublic) {
 			this.loadingCrates = true
-			this.$store.dispatch('GET_CRATES').then(() => {
+			this.$store.dispatch('GET_CRATES', 0).then(() => {
 				setTimeout(() => {
 					this.loadingCrates = false
 				}, 500)

diff --git a/client/pages/welcome.vue b/client/pages/welcome.vue
@@ -147,7 +147,7 @@ export default {
 		}
 	},
 	async fetch() {
-		this.$store.dispatch('GET_CRATES')
+		this.$store.dispatch('GET_CRATES', 5)
 
 		const links = await this.$api.getRecentLinks()
 		this.$store.commit('SET_CURRENT_CRATE_LINKS', links)

diff --git a/client/plugins/api.js b/client/plugins/api.js
@@ -60,10 +60,10 @@ class API {
 		return res.data
 	}
 
-	async getCrates() {
+	async getCrates(limit = 20) {
 		if (this.publicMode) return undefined
 
-		const { data: res } = await this.http.get(`/crate`)
+		const { data: res } = await this.http.get(`/crate?limit=${ limit }`)
 
 		return res.data
 	}

diff --git a/client/store/index.js b/client/store/index.js
@@ -162,8 +162,8 @@ export const actions = {
 
 		commit('STORE_EXTERNAL_CRATES', crates)
 	},
-	async GET_CRATES({ commit }) {
-		const crates = await this.$api.getCrates()
+	async GET_CRATES({ commit }, limit) {
+		const crates = await this.$api.getCrates(limit)
 
 		commit('STORE_CRATES', crates)
 	},