feat: multiple clickable pills (#5327)

kiva · May 22, 2024 · 4085cf1 · 4085cf1
1 parent c5bd105
commit 4085cf1
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/LoanCards/KvClassicLoanCardContainer.vue b/src/components/LoanCards/KvClassicLoanCardContainer.vue
@@ -390,9 +390,16 @@ export default {
 		},
 		jumpFilterPage(filter) {
 			this.$kvTrackEvent('Lending', 'loan-card', 'clicked-tag', filter.type, filter.id.toString());
-			const query = {};
-			query[filter.type] = filter.id.toString();
-			if (!_isEqual(this.$route.query, query)) {
+			const { query: currentQuery } = this.$route;
+			const query = { ...currentQuery };
+
+			if (filter.type in query && query[filter.type] !== filter.id.toString()) {
+				query[filter.type] += `,${filter.id.toString()}`;
+			} else {
+				query[filter.type] = filter.id.toString();
+			}
+
+			if (!_isEqual(currentQuery, query)) {
 				this.$router.push({
 					path: '/lend/filter',
 					query,