fix: borrower status card fix (#5677)

* fix: borrower status card fixed

* fix: navigation issues fixed

src/components/MyKiva/BorrowerStatusCard.vue

@@ -54,7 +54,6 @@
 						</p>
 						<KvMaterialIcon
 							class="tw-w-3 tw-h-3 tw-text-action md:tw-hidden"
-							@click="open = !open"
 							:icon="open ? mdiChevronUp : mdiChevronDown"
 						/>
 					</button>
@@ -99,7 +98,6 @@ import {
 	toRefs,
 	defineProps,
 	inject,
-	onMounted,
 } from 'vue';
 import {
 	FUNDRAISING,
@@ -116,8 +114,6 @@ const props = defineProps({
 });
 
 const { loan } = toRefs(props);
-
-const isMobile = ref(false);
 const open = ref(false);
 
 const borrowerName = computed(() => loan.value?.name ?? '');
@@ -227,13 +223,6 @@ const toggleWhatIsNext = () => {
 	}
 	open.value = !open.value;
 };
-
-onMounted(() => {
-	isMobile.value = document.documentElement.clientWidth < 735;
-	if (!isMobile.value) {
-		open.value = true;
-	}
-});
 </script>
 
 <style lang="postcss" scoped>

src/components/MyKiva/MyKivaHero.vue

@@ -34,6 +34,7 @@
 				</div>
 			</div>
 			<button
+				:disabled="isLoading"
 				@click="$emit('show-navigation')"
 			>
 				<kv-material-icon
@@ -58,7 +59,11 @@ const props = defineProps({
 	userInfo: {
 		type: Object,
 		default: () => ({}),
-	}
+	},
+	isLoading: {
+		type: Boolean,
+		default: false,
+	},
 });
 
 const { userInfo } = toRefs(props);

src/components/MyKiva/MyKivaNavigation.vue

@@ -160,7 +160,7 @@ const publicId = computed(() => {
 });
 
 const open = ref(false);
-const profileSettingsOptions = ref([
+const profileSettingsOptions = computed(() => [
 	{ link: '/settings/account', text: 'Account' },
 	{ link: '/settings/security', text: 'Security and login' },
 	{ link: '/settings/email', text: 'Email' },

src/pages/Portfolio/MyKiva/MyKivaPage.vue

@@ -8,6 +8,7 @@
 		/>
 		<MyKivaHero
 			:user-info="userInfo"
+			:is-loading="isLoading"
 			@show-navigation="handleShowNavigation"
 		/>
 		<MyKivaProfile