From 3107d83c6455ee1708b4131829d2ca150cc191db Mon Sep 17 00:00:00 2001
From: Roger Gutierrez <rogelio.gutierrez@contractors.kiva.org>
Date: Tue, 31 Oct 2023 10:59:54 -0600
Subject: [PATCH 1/3] feat: team leader board updated

---
 src/pages/LendingTeams/TeamLeaderboard.vue | 24 ++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/pages/LendingTeams/TeamLeaderboard.vue b/src/pages/LendingTeams/TeamLeaderboard.vue
index 23d7a2e343..4145cf93c4 100644
--- a/src/pages/LendingTeams/TeamLeaderboard.vue
+++ b/src/pages/LendingTeams/TeamLeaderboard.vue
@@ -10,7 +10,11 @@
 				Member Count:
 			</template>
 		</h4>
-		<kv-tabs class="tw-px-1" @tab-changed="handleTabChanged">
+		<kv-tabs
+			class="tw-px-1"
+			:class="{ 'members-tabs' : showMembersText, 'tw-pb-2' : showMembersText && isLoading }"
+			@tab-changed="handleTabChanged"
+		>
 			<template #tabNav>
 				<kv-tab
 					for-panel="thisMonth"
@@ -35,6 +39,9 @@
 				</kv-tab>
 			</template>
 			<template #tabPanels>
+				<p v-if="showMembersText" class="tw-text-small tw-my-0.5">
+					Only members who have lent at least once are counted
+				</p>
 				<kv-tab-panel
 					v-for="timeFrame in ['thisMonth', 'lastMonth', 'allTime']"
 					:id="timeFrame"
@@ -72,7 +79,7 @@
 							tw-overflow-hidden tw-whitespace-nowrap"
 						>
 							<div
-								class="tw-flex tw-flex-nowrap tw-flex-none tw-w-full"
+								class="tw-flex tw-flex-col tw-flex-nowrap tw-flex-none tw-w-full"
 							>
 								<div class="tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-text-base">
 									<router-link
@@ -87,10 +94,10 @@
 								</div>
 								<div class="tw-flex-none tw-ml-1">
 									<template v-if="!isNewMembers">
-										{{ numeral(leaderboardTeam.value).format('$0,0a') }}
+										{{ numeral(leaderboardTeam.value).format('$0,0') }}
 									</template>
 									<template v-else>
-										{{ numeral(leaderboardTeam.value).format('0,0a') }}
+										{{ numeral(leaderboardTeam.value).format('0,0') }}
 									</template>
 								</div>
 							</div>
@@ -176,6 +183,9 @@ export default {
 			if (this.isNewMembers) {
 				return 'Total Amount of Members the Team has';
 			} return 'Total Amount the Team has lent';
+		},
+		showMembersText() {
+			return this.isNewMembers && [0, 1].includes(this.selectedTabIndex);
 		}
 	},
 	methods: {
@@ -207,3 +217,9 @@ export default {
 	},
 };
 </script>
+
+<style scoped lang="postcss">
+	.members-tabs >>> div {
+		@apply tw-mb-0;
+	}
+</style>

From ef8c7d9f6faa7bbf968c4bed2d61426cb95c9528 Mon Sep 17 00:00:00 2001
From: Roger Gutierrez <rogelio.gutierrez@contractors.kiva.org>
Date: Tue, 31 Oct 2023 16:32:35 -0600
Subject: [PATCH 2/3] feat: loan because text hidden when field is empty

---
 src/pages/LendingTeams/TeamListing.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/LendingTeams/TeamListing.vue b/src/pages/LendingTeams/TeamListing.vue
index 707e2aba3a..fe15ee3ee1 100644
--- a/src/pages/LendingTeams/TeamListing.vue
+++ b/src/pages/LendingTeams/TeamListing.vue
@@ -161,6 +161,7 @@
 			>
 				<p
 					class="tw-text-small tw-text-primary tw-flex-1"
+					v-if="shortLoanBecause(team.loanBecause)"
 				>
 					We loan because: {{ shortLoanBecause(team.loanBecause) }}
 				</p>

From 981f385309fa6c760ef7547c27fe683e9c138d00 Mon Sep 17 00:00:00 2001
From: Roger Gutierrez <rogelio.gutierrez@contractors.kiva.org>
Date: Tue, 31 Oct 2023 16:48:31 -0600
Subject: [PATCH 3/3] fix: checkout fo loanbecause text instead of the
 truncation method

---
 src/pages/LendingTeams/TeamListing.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/LendingTeams/TeamListing.vue b/src/pages/LendingTeams/TeamListing.vue
index fe15ee3ee1..14e01d263e 100644
--- a/src/pages/LendingTeams/TeamListing.vue
+++ b/src/pages/LendingTeams/TeamListing.vue
@@ -161,7 +161,7 @@
 			>
 				<p
 					class="tw-text-small tw-text-primary tw-flex-1"
-					v-if="shortLoanBecause(team.loanBecause)"
+					v-if="team.loanBecause"
 				>
 					We loan because: {{ shortLoanBecause(team.loanBecause) }}
 				</p>