feat: add borrower/trustee state and small fix in balance

kiva · Nov 14, 2023 · c7bb125 · c7bb125
1 parent c98852b
commit c7bb125
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 2 deletions.
diff --git a/@kiva/kv-components/vue/KvWwwHeader.vue b/@kiva/kv-components/vue/KvWwwHeader.vue
@@ -99,6 +99,9 @@
 							ref="menuComponentInstance"
 							:logged-in="loggedIn"
 							:login-url="loginUrl"
+							:balance="balance"
+							:is-borrower="isBorrower"
+							:is-trustee="isTrustee"
 							@load-lend-menu-data="emitLendMenuEvent"
 						/>
 					</div>
@@ -144,6 +147,18 @@ export default {
 			type: String,
 			default: '/ui-login',
 		},
+		balance: {
+			type: Number,
+			default: 0,
+		},
+		isBorrower: {
+			type: Boolean,
+			default: false,
+		},
+		isTrustee: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	emits: [
 		'load-lend-menu-data',

diff --git a/@kiva/kv-components/vue/KvWwwHeader/KvHeaderMyKivaMenu.vue b/@kiva/kv-components/vue/KvWwwHeader/KvHeaderMyKivaMenu.vue
@@ -6,7 +6,7 @@
 		>
 			<span>Portfolio</span>
 			<span class="tw-text-secondary">|</span>
-			<span class="tw-text-eco-green-3">{{ balance }}</span>
+			<span class="tw-text-eco-green-3">${{ balance }}</span>
 		</kv-header-menu-link>
 		<kv-header-menu-link
 			href="/teams/my-teams"
@@ -23,6 +23,18 @@
 		>
 			Settings
 		</kv-header-menu-link>
+		<kv-header-menu-link
+			v-if="isBorrower"
+			to="/my/borrower"
+		>
+			Borrower Dashboard
+		</kv-header-menu-link>
+		<kv-header-menu-link
+			v-if="isTrustee"
+			to="/my/trustee"
+		>
+			Trustee Dashboard
+		</kv-header-menu-link>
 		<kv-header-menu-link
 			href="/ui-logout"
 		>
@@ -43,6 +55,14 @@ export default {
 			type: Number,
 			default: 0,
 		},
+		isBorrower: {
+			type: Boolean,
+			default: false,
+		},
+		isTrustee: {
+			type: Boolean,
+			default: false,
+		},
 	},
 };
 </script>
diff --git a/@kiva/kv-components/vue/stories/KvWwwHeader.stories.js b/@kiva/kv-components/vue/stories/KvWwwHeader.stories.js
@@ -23,6 +23,21 @@ export default {
 				type: 'text',
 			},
 		},
+		balance: {
+			control: {
+				type: 'number',
+			},
+		},
+		isTrustee: {
+			control: {
+				type: 'boolean',
+			},
+		},
+		isBorrower: {
+			control: {
+				type: 'boolean',
+			},
+		},
 	},
 };
 
@@ -32,7 +47,7 @@ const story = (args) => {
 		components: { KvWwwHeader, KvPageContainer },
 		template: `
 			<div class="tw-relative">
-				<kv-www-header :logged-in="loggedIn" :basket-count="basketCount" :login-url="loginUrl" />
+				<kv-www-header :logged-in="loggedIn" :basket-count="basketCount" :login-url="loginUrl" :balance="balance" :is-trustee="isTrustee" :is-borrower="isBorrower" />
 				<kv-page-container>
 					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam molestie tellus quis auctor luctus. Fusce consequat sit amet tortor sit amet euismod. Proin finibus blandit tortor scelerisque facilisis. Duis in euismod justo. Nam efficitur eu metus quis cursus. Duis a ligula nisi. Duis ligula eros, pharetra interdum malesuada vitae, feugiat quis ligula. Fusce non vestibulum elit, sed vehicula augue. Sed tellus dui, vestibulum in gravida eget, gravida a arcu. Duis sed sapien cursus velit bibendum auctor non a eros. Donec libero odio, fermentum faucibus justo vel, efficitur malesuada velit. Morbi odio ligula, congue id odio in, ornare bibendum turpis. Nunc consectetur imperdiet rutrum. Ut posuere turpis ac lacinia finibus. Proin velit arcu, ultrices vitae lacinia quis, tincidunt at justo.</p>
 					<p>Morbi volutpat eget enim eu tristique. Suspendisse potenti. Vivamus mollis purus magna, nec suscipit purus tempor id. Nulla porta ipsum sit amet sollicitudin accumsan. Cras pulvinar fringilla ullamcorper. Praesent sit amet sapien metus. Morbi volutpat tortor sed eros mattis ultricies. Duis convallis finibus lacus, a tempus felis pretium in. Ut eu est sem. Ut auctor ullamcorper dignissim. Praesent quis ullamcorper dui, ac sodales mi. Nullam volutpat augue vulputate congue suscipit. Praesent consectetur sem libero, id pharetra urna porttitor nec. Praesent vitae orci neque. Nam a diam orci.</p>