From 79b48e20174a9bfa8ec4336cfd56eee3c0b8df24 Mon Sep 17 00:00:00 2001
From: Joshua <joshuadstarkey@gmail.com>
Date: Thu, 11 Nov 2021 17:11:13 -0700
Subject: [PATCH] feat: replace my scrollTo with smoothScroll mixin

---
 src/components/BorrowerProfile/JumpLinks.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/BorrowerProfile/JumpLinks.vue b/src/components/BorrowerProfile/JumpLinks.vue
index 4452202173..5b8e266af3 100644
--- a/src/components/BorrowerProfile/JumpLinks.vue
+++ b/src/components/BorrowerProfile/JumpLinks.vue
@@ -28,12 +28,14 @@
 
 <script>
 import { mdiAccount, mdiFormatListBulleted } from '@mdi/js';
+import smoothScrollMixin from '@/plugins/smooth-scroll-mixin';
 import KvMaterialIcon from '~/@kiva/kv-components/vue/KvMaterialIcon';
 
 export default {
 	components: {
 		KvMaterialIcon,
 	},
+	mixins: [smoothScrollMixin],
 	data() {
 		return {
 			mdiAccount,
@@ -44,12 +46,7 @@ export default {
 		scrollToSection(sectionId) {
 			const elementToScrollTo = document.querySelector(sectionId);
 			const topOfSectionToScrollTo = elementToScrollTo?.offsetTop ?? 0;
-			window.scrollTo({
-				// 50 (to compensate for the height of the top nav) + top of the section to be scrolled to
-				// leaves the user on the correct section of the page when a jump link is clicked
-				top: 50 + topOfSectionToScrollTo,
-				behavior: 'smooth'
-			});
+			this.smoothScrollTo({ yPosition: topOfSectionToScrollTo, millisecondsToAnimate: 750 });
 		}
 	}
 };