diff --git a/src/components/UserAuthComponents/DeleteUserModal.vue b/src/components/UserAuthComponents/DeleteUserModal.vue index be010e6e4da9658be619c7960132935b0b66cc04..fd72ea52de88494162c320db0386e2777ef65ae3 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 a9f152fdf49fadb2c751f0e4184d60b7e3f29f18..09064ae058a955f8d463c925ca84642d0e8e4aad 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 6c54e8273ec3232347472c7ed6a08c5ceeb8cc57..92849626e6583f181ad091bfaab21cd8145f37ed 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) => {