From a3b733c644c7a431fb592e1b159cd551bd5e0f3c Mon Sep 17 00:00:00 2001
From: Michelle Inez <michelleinez01@gmail.com>
Date: Fri, 19 Jan 2024 11:29:07 -0800
Subject: [PATCH] fix: change component to take in a slot

---
 @kiva/kv-components/vue/KvVotingCard.vue      | 24 ----------
 .../vue/stories/KvVotingCard.stories.js       | 48 -------------------
 2 files changed, 72 deletions(-)

diff --git a/@kiva/kv-components/vue/KvVotingCard.vue b/@kiva/kv-components/vue/KvVotingCard.vue
index fe55b422..76b8257d 100644
--- a/@kiva/kv-components/vue/KvVotingCard.vue
+++ b/@kiva/kv-components/vue/KvVotingCard.vue
@@ -87,26 +87,10 @@ export default {
 			type: String,
 			default: '',
 		},
-		aspectRatio: {
-			type: Number,
-			default: 1,
-		},
-		hash: {
-			type: String,
-			default: '',
-		},
 		images: {
 			type: Array,
 			default: () => [],
 		},
-		photoPath: {
-			type: String,
-			default: '',
-		},
-		defaultImage: {
-			type: Object,
-			default: () => ({ width: 300 }),
-		},
 		percentage: {
 			type: Number,
 			default: 0,
@@ -115,14 +99,6 @@ export default {
 			type: Boolean,
 			default: true,
 		},
-		useDirectUrl: {
-			type: Boolean,
-			default: false,
-		},
-		directImageUrl: {
-			type: String,
-			default: '',
-		},
 	},
 	setup() {
 		const mapMarkerIcon = computed(() => mdiMapMarker);
diff --git a/@kiva/kv-components/vue/stories/KvVotingCard.stories.js b/@kiva/kv-components/vue/stories/KvVotingCard.stories.js
index 51258835..5b79728a 100644
--- a/@kiva/kv-components/vue/stories/KvVotingCard.stories.js
+++ b/@kiva/kv-components/vue/stories/KvVotingCard.stories.js
@@ -1,5 +1,4 @@
 import KvVotingCard from '../KvVotingCard.vue';
-import KvBorrowerImage from '../KvBorrowerImage.vue';
 
 export default {
 	title: 'KvVotingCard',
@@ -32,50 +31,3 @@ Default.args = {
 	percentage: 45,
 	showVoteButton: true,
 };
-
-// Variant story with the KvBorrowerImage component
-export const WithBorrowerImage = Template.bind({});
-WithBorrowerImage.args = {
-	borrowerName: 'Jacqueline',
-	country: 'Rwanda',
-	category: 'Women-owned retail businesses',
-	aspectRatio: 0.75,
-	hash: '9673d0722a7675b9b8d11f90849d9b44',
-	images: [
-		{ width: 336, viewSize: 1024 },
-		{ width: 336, viewSize: 768 },
-		{ width: 416, viewSize: 480 },
-		{ width: 374, viewSize: 414 },
-		{ width: 335, viewSize: 375 },
-		{ width: 300 },
-	],
-	photoPath: 'https://www-kiva-org.freetls.fastly.net/img/',
-	defaultImage: { width: 300 },
-	percentage: 45,
-	showVoteButton: true,
-};
-
-WithBorrowerImage.decorators = [
-	(Story, context) => {
-		const { args } = context;
-		return {
-			components: { KvVotingCard, KvBorrowerImage },
-			props: args,
-			template: `
-				<kv-voting-card v-bind="$props">
-					<template #image>
-						<kv-borrower-image
-							class="tw-rounded"
-							:alt="'Photo of ' + $props.borrowerName"
-							:aspect-ratio="$props.aspectRatio"
-							:default-image="$props.defaultImage"
-							:hash="$props.hash"
-							:images="$props.images"
-							:photo-path="$props.photoPath"
-						/>
-					</template>
-				</kv-voting-card>
-			`,
-		};
-	},
-];