From 079a751001d9d0ea48c1fa508391b5a84c27d1ae Mon Sep 17 00:00:00 2001
From: Christian Bedon <christian.bedon@contractors.kiva.org>
Date: Tue, 19 Nov 2024 16:05:41 -0500
Subject: [PATCH] fix: copy and style for no loans

---
 src/components/MyKiva/BorrowerCarousel.vue | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/MyKiva/BorrowerCarousel.vue b/src/components/MyKiva/BorrowerCarousel.vue
index 58c31990c8..2b9e03db0c 100644
--- a/src/components/MyKiva/BorrowerCarousel.vue
+++ b/src/components/MyKiva/BorrowerCarousel.vue
@@ -8,7 +8,11 @@
 			/>
 		</template>
 		<template v-else>
-			<h2 v-html="title" class="tw-mb-3.5"></h2>
+			<h2
+				v-html="title"
+				class="tw-mb-3.5"
+				:class="{ 'tw-text-center': !loans.length }"
+			></h2>
 			<div :class="{'tw-flex tw-justify-center': !loans.length }">
 				<KvButton
 					v-kv-track-event="[
@@ -190,17 +194,19 @@ const title = computed(() => {
 });
 
 const btnCta = computed(() => {
-	if (!hasActiveLoans.value) {
-		return 'See previously supported borrowers';
+	if (!loans.value.length) {
+		return 'Make a loan';
 	}
-	return 'Make a loan';
+
+	return 'See previously supported borrowers';
 });
 
 const link = computed(() => {
-	if (!hasActiveLoans.value) {
-		return '/portfolio';
+	if (!loans.value.length) {
+		return '/lend-by-category';
 	}
-	return '/lend-by-category';
+
+	return '/portfolio/loans';
 });
 
 const btnEventLabel = computed(() => {