diff --git a/src/components/header.vue b/src/components/header.vue
index fa56afd77523f437b0b31abca9ebbe833897b31e..7dd3258b9b61c23642529d78cefd3177ef720648 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -77,6 +77,7 @@ export default {
       isModalVisible: false,
       users:[],
       name:"",
+      user_id: null,
     };
   },
   methods: {
@@ -91,7 +92,8 @@ export default {
 			//console.log(this.isModalVisible)
 		},
     toProfile(){
-      console.log("profile")
+      //console.log("profile")
+      this.$router.push({ name: "profil-user", params: { user_id: this.user_id }});
     },
     toLogout(){
       console.log("logout")
@@ -102,9 +104,10 @@ export default {
           console.log(res.data.data.profile)
           this.profile = res.data.data.profile
           this.name = res.data.data.profile.name
+          this.user_id = res.data.data.profile.user_id
           //console.log(this.name)
       }})
-    }
+    },
   },
   // computed:{
   //   getName(){
@@ -141,7 +144,7 @@ export default {
 }
 /* butuh buat akses class di dalem class modal */
 .profile-modal{
-  width: 30%;
-  height: 60%;
+  width: 20em;
+  height: 35em;
 }
 </style>
diff --git a/src/router/index.js b/src/router/index.js
index 8bbed355ebff716e1c69a6d84cfa4a561cb698f9..b1f2a8c7c4f91f8f7b842d4ea9779f1b084cb9af 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,7 +1,7 @@
 import { createRouter, createWebHistory } from "vue-router";
 import Home from "../views/Home.vue";
-import uProfil from "../views/uProfil.vue";
-import aProfil from "../views/aProfil.vue";
+import ProfilUser from "../views/ProfilUser.vue";
+import ProfilAdmin from "../views/ProfilAdmin.vue";
 import Login from "../views/Login.vue";
 import UserIndex from "../views/UserIndex.vue";
 import AdminIndex from "../views/AdminIndex.vue";
@@ -23,14 +23,14 @@ const routes = [
     component: Login,
   },
   {
-    path: "/uProfil",
-    name: "uProfil",
-    component: uProfil,
+    path: "/profil-user/:user_id",
+    name: "profil-user",
+    component: ProfilUser,
   },
   {
-    path: "/aProfil",
-    name: "aProfil",
-    component: aProfil,
+    path: "/profil-admin",
+    name: "profil-admin",
+    component: ProfilAdmin,
   },
   {
     path: "/user",
diff --git a/src/views/aProfil.vue b/src/views/ProfilAdmin.vue
similarity index 98%
rename from src/views/aProfil.vue
rename to src/views/ProfilAdmin.vue
index 1ef4fbe0995905bd982bea115420f6a4c10e1380..5850a61043ed5a605f5d565023a1dd6595ea5eba 100644
--- a/src/views/aProfil.vue
+++ b/src/views/ProfilAdmin.vue
@@ -38,7 +38,7 @@ import Header from "../components/header";
 import Sidebar from "../components/sidebar";
 
 export default {
-  name: "aProfil",
+  name: "ProfilAdmin",
   components: {
     Header,
     Sidebar,
diff --git a/src/views/uProfil.vue b/src/views/ProfilUser.vue
similarity index 78%
rename from src/views/uProfil.vue
rename to src/views/ProfilUser.vue
index 60aa09d81082d0f5466845ac00bfea6984326aa8..01b1fbd93ad774cc461da6c8a5a818419b609eec 100644
--- a/src/views/uProfil.vue
+++ b/src/views/ProfilUser.vue
@@ -54,13 +54,39 @@
 <script>
 import Header from "../components/header";
 import Sidebar from "../components/sidebar";
+import { HTTP } from '../http-common'
 
 export default {
-  name: "uProfil",
+  name: "ProfilUser",
   components: {
     Header,
     Sidebar,
   },
+  data(){
+    return{
+      profile:[],
+      name:"",
+      user_id:null
+    };
+    
+  },
+  methods:{
+    getProfile(){
+      HTTP.get("users/profile").then((res)=>{
+          if (res.data.success == true){
+          console.log(res.data.data.profile)
+          this.profile = res.data.data.profile
+          this.name = res.data.data.profile.name
+          this.user_id = res.data.data.profile.user_id
+          //console.log(this.name)
+      }})
+    },
+  },
+  
+  mounted(){
+    this.user_id = this.$route.params.user_id;
+    this.getProfile();
+  },
 };
 </script>