From b14eea2467b4392c8356a8669d51e496a6142a20 Mon Sep 17 00:00:00 2001
From: Titus Kristiansen <titusk@stud.ntnu.no>
Date: Thu, 5 May 2022 15:37:31 +0200
Subject: [PATCH] Delete user modal fixed

---
 src/components/UserAuthComponents/DeleteUserModal.vue | 4 ++--
 src/components/UserProfileComponents/UserProfile.vue  | 8 +++++---
 src/services/user.service.js                          | 2 +-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/UserAuthComponents/DeleteUserModal.vue b/src/components/UserAuthComponents/DeleteUserModal.vue
index be010e6..fd72ea5 100644
--- a/src/components/UserAuthComponents/DeleteUserModal.vue
+++ b/src/components/UserAuthComponents/DeleteUserModal.vue
@@ -34,7 +34,7 @@
         </div>
         <!-- Modal body -->
         <div class="p-6 space-y-6">
-          <div click="deleteUser" class="text-xl text-error-dark cursor-pointer">Slett bruker</div>
+          <div @click="deleteUser" class="flex justify-center text-xl text-error-dark cursor-pointer">Slett bruker</div>
         </div>
       </div>
     </div>
@@ -52,7 +52,7 @@ export default {
       this.$emit("close");
     },
     deleteUser(){
-      this.$emit("deleteUser")
+      this.$emit("deleteUser");
     },
   },
 };
diff --git a/src/components/UserProfileComponents/UserProfile.vue b/src/components/UserProfileComponents/UserProfile.vue
index a9f152f..09064ae 100644
--- a/src/components/UserProfileComponents/UserProfile.vue
+++ b/src/components/UserProfileComponents/UserProfile.vue
@@ -2,7 +2,8 @@
   <div
     class="w-full max-w-xl m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl p-4"
   >
-    <DeleteUserModal :visible="show" @close="this.show = false"/>
+    <DeleteUserModal :visible="show" @close="this.show = false"
+    @deleteUser="deleteUser"/>
     <div v-show="isCurrentUser" class="float-right px-4 pt-4">
       <button
         id="dropdownDefault"
@@ -169,8 +170,9 @@ export default {
     toggleModal() {
       this.show = !this.show;
     },
-    deleteUser(){
-      console.log("Deleted")
+    async deleteUser(){
+      const deleteResponse = await UserService.deleteUser();
+      alert(deleteResponse.data);
     },
   },
   beforeMount() {
diff --git a/src/services/user.service.js b/src/services/user.service.js
index 6c54e82..9284962 100644
--- a/src/services/user.service.js
+++ b/src/services/user.service.js
@@ -103,7 +103,7 @@ class UserService {
 
   async deleteUser() {
     return await axios
-        .get(API_URL + "user/delete", {
+        .put(API_URL + "user/delete", {
           headers: tokenHeader(),
         })
         .then((res) => {
-- 
GitLab