From edd8bc4f8eb50e074bfc34dda98b06c3eee23b3a Mon Sep 17 00:00:00 2001
From: Roger Gutierrez <rogelio.gutierrez@contractors.kiva.org>
Date: Mon, 20 Nov 2023 13:19:14 -0600
Subject: [PATCH] feat: supply donate cta test code removed

---
 src/components/Lend/DonationCTA.vue           | 83 -------------------
 .../Lend/LoanSearch/LoanSearchInterface.vue   |  9 --
 src/pages/Lend/LoanChannelCategoryControl.vue |  7 --
 3 files changed, 99 deletions(-)
 delete mode 100644 src/components/Lend/DonationCTA.vue

diff --git a/src/components/Lend/DonationCTA.vue b/src/components/Lend/DonationCTA.vue
deleted file mode 100644
index 2f3a67d9fa..0000000000
--- a/src/components/Lend/DonationCTA.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-	<div v-if="donateCTAExperimentVersion === 'b'">
-		<div class="tw-flex tw-items-center tw-justify-center">
-			<icon-sad-cloud class="tw-mr-4 tw-h-12 tw-w-8" />
-			<h2 class="tw-inline-block">
-				These loans are popular and we've run out.
-			</h2>
-		</div>
-		<div class="donate_cta_block tw-rounded md:tw-flex tw-gap-4 tw-mt-2 tw-pt-3 tw-px-6 tw-pb-6">
-			<div class="tw-flex-none tw-mt-2 tw-text-center">
-				<img
-					class="tw-m-auto"
-					style="width: 201px;"
-					src="@/assets/images/team_donate2.png"
-					alt="team image"
-				>
-				<span class="tw-mt-1 tw-m-auto tw-inline-block">Carolina, David G, David K</span>
-			</div>
-			<div>
-				<h2>Help our team source more loans</h2>
-				<!-- eslint-disable-next-line max-len -->
-				<p>Sourcing loans isn’t free for us. Carolina, David, and the rest of the team work hard to screen the loans on our site and work with lending partners to support high quality loans that often include additional services such as insurance and business training for borrowers. We rely on our generous donors to help them continue their work.</p>
-				<kv-button
-					class="tw-pt-2 tw-block"
-					variant="secondary"
-					href="/donate/supportus"
-					v-kv-track-event="['donation', 'click', 'low-supply-human-centric-cta']"
-				>
-					Donate to help Carolina and team
-				</kv-button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import IconSadCloud from '@/assets/icons/inline/sad-cloud.svg';
-import {
-	getExperimentSettingAsync,
-	trackExperimentVersion
-} from '@/util/experiment/experimentUtils';
-import experimentAssignmentQuery from '@/graphql/query/experimentAssignment.graphql';
-
-import KvButton from '~/@kiva/kv-components/vue/KvButton';
-
-export default {
-	name: 'DonationCTA',
-	components: {
-		IconSadCloud,
-		KvButton
-	},
-	data() {
-		return {
-			donateCTAExperimentVersion: null
-		};
-	},
-	inject: ['apollo', 'cookieStore'],
-	async created() {
-		const donateSupplyCtaExpData = await getExperimentSettingAsync(this.apollo, 'supply_donate_cta');
-		// Assign the exp
-		await this.apollo.query({
-			query: experimentAssignmentQuery,
-			variables: { id: 'supply_donate_cta' }
-		});
-		if (donateSupplyCtaExpData?.enabled) {
-			const { version } = trackExperimentVersion(
-				this.apollo,
-				this.$kvTrackEvent,
-				'donation',
-				'supply_donate_cta',
-				'EXP-ACK-434-nov2022'
-			);
-			this.donateCTAExperimentVersion = version;
-		}
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-.donate_cta_block {
-	background-color: #F8CD69; //non styleguide color
-}
-</style>
diff --git a/src/components/Lend/LoanSearch/LoanSearchInterface.vue b/src/components/Lend/LoanSearch/LoanSearchInterface.vue
index f304b5cca0..3c605bd272 100644
--- a/src/components/Lend/LoanSearch/LoanSearchInterface.vue
+++ b/src/components/Lend/LoanSearch/LoanSearchInterface.vue
@@ -127,10 +127,6 @@
 				</template>
 			</div>
 		</div>
-		<template v-if="initialLoadComplete && totalCount > 0">
-			<!-- Donation CTA Experiment -->
-			<donation-c-t-a v-if="hasOnePageOfLoans" />
-		</template>
 	</div>
 </template>
 
@@ -153,7 +149,6 @@ import { isNumber } from '@/util//numberUtils';
 import LoanSearchFilterChips from '@/components/Lend/LoanSearch/LoanSearchFilterChips';
 import LoanSearchSavedSearch from '@/components/Lend/LoanSearch/LoanSearchSavedSearch';
 import filterConfig from '@/util/loanSearch/filterConfig';
-import DonationCTA from '@/components/Lend/DonationCTA';
 import { gql } from '@apollo/client';
 import KvButton from '~/@kiva/kv-components/vue/KvButton';
 import KvLightbox from '~/@kiva/kv-components/vue/KvLightbox';
@@ -176,7 +171,6 @@ export default {
 	name: 'LoanSearchInterface',
 	inject: ['apollo', 'cookieStore'],
 	components: {
-		DonationCTA,
 		LoanSearchFilterChips,
 		KvButton,
 		LoanSearchFilter,
@@ -330,9 +324,6 @@ export default {
 				return prev || filterConfig.config[key].showSavedSearch(this.loanSearchState);
 			}, false);
 		},
-		hasOnePageOfLoans() {
-			return this.totalCount <= this.loanSearchState.pageLimit;
-		}
 	},
 	methods: {
 		async fetchFacets(loanSearchState = {}) {
diff --git a/src/pages/Lend/LoanChannelCategoryControl.vue b/src/pages/Lend/LoanChannelCategoryControl.vue
index c784d60b06..1a55028a69 100644
--- a/src/pages/Lend/LoanChannelCategoryControl.vue
+++ b/src/pages/Lend/LoanChannelCategoryControl.vue
@@ -135,8 +135,6 @@
 				<div v-if="totalCount > 0" class="loan-count tw-text-tertiary">
 					{{ totalCount }} loans
 				</div>
-				<!-- Donation CTA Experiment -->
-				<donation-c-t-a v-if="hasOnePageOfLoans" />
 			</div>
 		</div>
 
@@ -153,7 +151,6 @@ import numeral from 'numeral';
 import logReadQueryError from '@/util/logReadQueryError';
 import loanChannelPageQuery from '@/graphql/query/loanChannelPage.graphql';
 import loanChannelQueryMapMixin from '@/plugins/loan-channel-query-map';
-import DonationCTA from '@/components/Lend/DonationCTA';
 import KvPagination from '@/components/Kv/KvPagination';
 import PromoGridLoanCardExp from '@/components/LoanCards/PromoGridLoanCardExp';
 import KvLoadingOverlay from '@/components/Kv/KvLoadingOverlay';
@@ -269,7 +266,6 @@ export default {
 		KvLoadingOverlay,
 		QuickFilters,
 		HelpmeChooseWrapper,
-		DonationCTA,
 		PromoGridLoanCardExp,
 		KvClassicLoanCardContainer,
 		EmptyState,
@@ -399,9 +395,6 @@ export default {
 			}
 			return url;
 		},
-		hasOnePageOfLoans() {
-			return this.totalCount <= this.limit;
-		},
 		showHelpMeChooseFeat() {
 			const queryMapFLSS = getFLSSQueryMap(this.loanChannelQueryMap, this.targetedLoanChannelURL);
 			const hasSortBy = !!queryMapFLSS?.sortBy;