From af20f9962726ee596b7b2425731aa52702ed8ac0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anders=20H=C3=B8vik?= <andehovi@stud.ntnu.no>
Date: Mon, 22 Apr 2024 13:35:41 +0200
Subject: [PATCH] Added name to other views from store

---
 src/components/UpdateUserComponents/UpdateUserLayout.vue | 3 ++-
 src/components/UserProfile/UserProfileLayout.vue         | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/UpdateUserComponents/UpdateUserLayout.vue b/src/components/UpdateUserComponents/UpdateUserLayout.vue
index 680163f..0f9dd3f 100644
--- a/src/components/UpdateUserComponents/UpdateUserLayout.vue
+++ b/src/components/UpdateUserComponents/UpdateUserLayout.vue
@@ -108,9 +108,10 @@ onMounted(()=>{
     <div class="row">
       <div class="col-md-2 text-center">
         <img src="/src/assets/userprofile.png" class="img-fluid" alt="userprofile">
-        <p class="h2">Username</p>
+        <p class="h2">{{useUserInfoStore().getFirstName}}</p>
       </div>
       <div class="col-md-10">
+        <!-- May need to deactive @submit.prevent -->
         <form ref="formRef" @submit.prevent="handleSubmit" id="newForm">
           <div class="row">
             <div class="form-group col-md-6" >
diff --git a/src/components/UserProfile/UserProfileLayout.vue b/src/components/UserProfile/UserProfileLayout.vue
index 6d212ad..ac27b9b 100644
--- a/src/components/UserProfile/UserProfileLayout.vue
+++ b/src/components/UserProfile/UserProfileLayout.vue
@@ -3,6 +3,7 @@
 import Menu from "@/components/BaseComponents/Menu.vue";
 import Footer from "@/components/BaseComponents/Footer.vue";
 import {useRouter} from "vue-router";
+import {useUserInfoStore} from "../../stores/UserStore";
 
 let numberOfHistory = 6;
 
@@ -26,7 +27,7 @@ function toUpdateUserSettings(){
     <div class="row">
       <div class="col">
         <img src="/src/assets/userprofile.png" class="img-fluid">
-        <p class="h2">Username</p>
+        <p class="h2">{{useUserInfoStore().getFirstName}}</p>
         <p><a class="link-dark" @click="toUpdateUserSettings" href="#">Edit profile</a></p>
       </div>
     </div>
-- 
GitLab