From 1f8dc18febd7e3936638e3f2356ad5fdadfa60f7 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Wed, 18 Jun 2025 18:14:28 +0200
Subject: [PATCH] show the error to the user when deleting a post

---
 src/views/Posts/EditView.vue | 13 +++++++++++--
 src/views/Posts/PostView.vue | 12 ++++++++++--
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/views/Posts/EditView.vue b/src/views/Posts/EditView.vue
index b1c7a6607..6b631c0b0 100644
--- a/src/views/Posts/EditView.vue
+++ b/src/views/Posts/EditView.vue
@@ -217,6 +217,7 @@ const {
 } = useMutation<{
   updatePost: IPost;
 }>(UPDATE_POST);
+
 const {
   mutate: createPost,
   onDone: onCreateDone,
@@ -402,8 +403,11 @@ const openDeletePostModal = async (): Promise<void> => {
   });
 };
 
-const { mutate: deletePost, onDone: onDeletePostDone } =
-  useMutation(DELETE_POST);
+const {
+  mutate: deletePost,
+  onDone: onDeletePostDone,
+  onError: onDeletePostError,
+} = useMutation(DELETE_POST);
 
 onDeletePostDone(({ data }) => {
   if (data && post.value?.attributedTo) {
@@ -416,6 +420,11 @@ onDeletePostDone(({ data }) => {
   }
 });
 
+onDeletePostError((error) => {
+  console.error(error);
+  alert(error.message);
+});
+
 useHead({
   title: computed(() =>
     props.isUpdate ? t("Edit post") : t("Add a new post")
diff --git a/src/views/Posts/PostView.vue b/src/views/Posts/PostView.vue
index ace1d6c93..7d441c186 100644
--- a/src/views/Posts/PostView.vue
+++ b/src/views/Posts/PostView.vue
@@ -452,8 +452,11 @@ const openDeletePostModal = async (): Promise<void> => {
 
 const router = useRouter();
 
-const { mutate: deletePost, onDone: onDeletePostDone } =
-  useMutation(DELETE_POST);
+const {
+  mutate: deletePost,
+  onDone: onDeletePostDone,
+  onError: onDeletePostError,
+} = useMutation(DELETE_POST);
 
 onDeletePostDone(({ data }) => {
   if (data && post.value?.attributedTo) {
@@ -465,6 +468,11 @@ onDeletePostDone(({ data }) => {
     });
   }
 });
+
+onDeletePostError((error) => {
+  console.error(error);
+  alert(error.message);
+});
 </script>
 <style lang="scss" scoped>
 @use "@/styles/_mixins" as *;