fix: show the checkout now button and emit to show basket on corporat…

…e landing loan cards
kiva · Feb 3, 2024 · d4b0819 · d4b0819
1 parent 915cc1b
commit d4b0819
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/components/Contentful/CampaignLoanWrapper.vue b/src/components/Contentful/CampaignLoanWrapper.vue
@@ -46,6 +46,7 @@
 					@show-loan-details="componentProps.showLoanDetails"
 					@reset-loan-filters="componentProps.handleResetLoanFilters"
 					@remove-loan-from-basket="componentProps.removeLoanFromBasket"
+					@show-basket="componentProps.showBasket"
 				/>
 
 				<campaign-loan-grid-display
@@ -65,6 +66,7 @@
 					@show-loan-details="componentProps.showLoanDetails"
 					@reset-loan-filters="componentProps.handleResetLoanFilters"
 					@remove-loan-from-basket="componentProps.removeLoanFromBasket"
+					@show-basket="componentProps.showBasket"
 				/>
 			</div>
 		</div>

diff --git a/src/components/CorporateCampaign/CampaignLoanGridDisplay.vue b/src/components/CorporateCampaign/CampaignLoanGridDisplay.vue
@@ -13,12 +13,11 @@
 					:loan-id="loan"
 					:show-action-button="true"
 					:custom-loan-details="true"
-					:custom-checkout-button-text="getCheckoutBtnText(loan)"
 					:checkout-route="checkoutRoute"
 					:use-emitted-add-to-basket="true"
 					@show-loan-details="showLoanDetails(loans[index])"
 					@add-to-basket="addToBasket"
-					@custom-checkout-button-action="removeLoanFromBasket(loan)"
+					@custom-checkout-button-action="$emit('show-basket')"
 				/>
 			</div>
 			<kv-pagination
@@ -228,6 +227,9 @@ export default {
 		removeLoanFromBasket(loanId) {
 			this.$emit('remove-loan-from-basket', loanId);
 		},
+		showBasket() {
+			this.$emit('show-basket');
+		},
 		showLoanDetails(loan) {
 			this.$emit('show-loan-details', loan);
 		},

diff --git a/src/components/CorporateCampaign/CampaignLoanRow.vue b/src/components/CorporateCampaign/CampaignLoanRow.vue
@@ -39,11 +39,10 @@
 						:show-action-button="true"
 						:checkout-route="checkoutRoute"
 						:custom-loan-details="true"
-						:custom-checkout-button-text="getCheckoutBtnText(loan)"
 						:use-emitted-add-to-basket="true"
 						@show-loan-details="showLoanDetails(loans[index])"
 						@add-to-basket="addToBasket"
-						@custom-checkout-button-action="removeLoanFromBasket(loan)"
+						@custom-checkout-button-action="$emit('show-basket')"
 					/>
 				</div>
 			</template>
@@ -221,6 +220,7 @@ export default {
 		}
 	},
 	methods: {
+		// Currently Unused
 		getCheckoutBtnText(loan) {
 			const amount = this.getAmountLended(loan);
 			if (amount > 0) {
@@ -242,6 +242,9 @@ export default {
 		removeLoanFromBasket(loanId) {
 			this.$emit('remove-loan-from-basket', loanId);
 		},
+		showBasket() {
+			this.$emit('show-basket');
+		},
 		fetchLoans() {
 			if (this.isVisible) {
 				this.loadingLoans = true;