@kiva/kv-components 3.60.0 → 3.61.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.61.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.60.0...@kiva/kv-components@3.61.0) (2024-03-04)
+
+
+### Features
+
+* fetchlenderinfo method injected to comment item component ([#362](https://github.com/kiva/kv-ui-elements/issues/362)) ([2aba5e0](https://github.com/kiva/kv-ui-elements/commit/2aba5e0837d57eec77f2d1bee48ca2c3c127c1d4))
+
+
+
+
+
 # [3.60.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.59.1...@kiva/kv-components@3.60.0) (2024-03-04)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.60.0",
+  "version": "3.61.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -75,5 +75,5 @@
       "optional": true
     }
   },
-  "gitHead": "30d18f082b47330947b701d87edb26ea5e65d4ac"
+  "gitHead": "5a1b6f22bba95529946eaf398992273b8e117d6b"
 }

package/tests/unit/specs/components/KvCommentsList.spec.js

@@ -6,7 +6,20 @@ import { LIKE_COMMENT_EVENT, REPLY_COMMENT_EVENT } from '../../../../vue/KvComme
 import { ADD_REACTION_EVENT } from '../../../../vue/KvCommentsContainer.vue';
 
 const renderList = (props = {}) => {
-	return render(ListComponent, { props });
+	return render(ListComponent,
+		{
+			props,
+			// provide function for vue 2 testing
+			provide: {
+				fetchLenderInfo: () => Promise.resolve({}),
+			},
+			// provide function for vue 3 testing
+			global: {
+				provide: {
+					fetchLenderInfo: () => Promise.resolve({}),
+				},
+			},
+		});
 };
 
 const comments = activityFeed.results[0].latest_reactions;

package/tests/unit/specs/components/KvCommentsListItem.spec.js

@@ -7,7 +7,20 @@ import { ADD_REACTION_EVENT } from '../../../../vue/KvCommentsContainer.vue';
 const comment = activityFeed.results[0].latest_reactions.comment[0];
 
 const renderComment = (props = {}) => {
-	return render(KvCommentsListItem, { props });
+	return render(KvCommentsListItem,
+		{
+			props,
+			// provide function for vue 2 testing
+			provide: {
+				fetchLenderInfo: () => Promise.resolve({}),
+			},
+			// provide function for vue 3 testing
+			global: {
+				provide: {
+					fetchLenderInfo: () => Promise.resolve({}),
+				},
+			},
+		});
 };
 
 describe('KvCommentsListItem', () => {

package/vue/KvCommentsListItem.vue

@@ -83,6 +83,8 @@ import {
 	nextTick,
 	computed,
 	toRefs,
+	onMounted,
+	inject,
 } from 'vue-demi';
 import KvCommentsReplyButton from './KvCommentsReplyButton.vue';
 import KvCommentsHeartButton from './KvCommentsHeartButton.vue';
@@ -149,10 +151,14 @@ export default {
 
 		const showInput = ref(false);
 		const commentsAddRef = ref(null);
+		const authorInfo = ref();
 
 		const commentText = computed(() => comment?.value?.data?.text ?? '');
-		const authorImage = computed(() => comment?.value?.user?.data?.image ?? '');
-		const authorName = computed(() => comment?.value?.user?.data?.name ?? '');
+
+		const authorId = computed(() => comment?.value?.user?.data?.publicLenderId ?? '');
+		const authorImage = computed(() => authorInfo?.value?.image?.url ?? '');
+		const authorName = computed(() => authorInfo?.value?.name ?? '');
+
 		const childComments = computed(() => comment?.value?.latest_children?.comment ?? null);
 		const childLikes = computed(() => comment?.value?.latest_children?.like ?? []);
 		const likedObject = computed(() => childLikes.value.find((child) => child.user.data.publicLenderId === userPublicId.value)); // eslint-disable-line max-len
@@ -185,6 +191,15 @@ export default {
 
 		const numberOfReplies = computed(() => comment?.value?.children_counts?.comment ?? 0);
 
+		const fetchLenderInfo = inject('fetchLenderInfo');
+
+		onMounted(async () => {
+			if (authorId.value) {
+				const authorData = await fetchLenderInfo(authorId.value);
+				authorInfo.value = authorData;
+			}
+		});
+
 		return {
 			hideInput,
 			showInput,