Avoid browser warning about leaving page, handle delete image fail.

diff --git a/src/shared/components/common/markdown-textarea.tsx b/src/shared/components/common/markdown-textarea.tsx
index e369f8fbb41ba842917bcb12dd5b12855cc4e735..1bb52a36de9939e711ba41e744236eb7dd935c7b 100644 (file)
--- a/src/shared/components/common/markdown-textarea.tsx
+++ b/src/shared/components/common/markdown-textarea.tsx
@@ -369,6 +369,7 @@ export class MarkdownTextArea extends Component<
           pictrsDeleteToast(
             i18n.t("click_to_delete_picture"),
             i18n.t("picture_deleted"),
+            i18n.t("fail_picture_deleted").concat('\n(', file.name,')'),
             deleteUrl
           );
         } else {

diff --git a/src/shared/utils.ts b/src/shared/utils.ts
index 19b48c1945700410520f2e15e1fc9e21eb2833df..8fa399eb30859402c0601543d60d611c8964f63f 100644 (file)
--- a/src/shared/utils.ts
+++ b/src/shared/utils.ts
@@ -543,6 +543,7 @@ export function toast(text: string, background = "success") {
 export function pictrsDeleteToast(
   clickToDeleteText: string,
   deletePictureText: string,
+  failedDeletePictureText: string,
   deleteUrl: string
 ) {
   if (isBrowser()) {
@@ -555,9 +556,16 @@ export function pictrsDeleteToast(
       duration: 10000,
       onClick: () => {
         if (toast) {
-          window.location.replace(deleteUrl);
-          alert(deletePictureText);
-          toast.hideToast();
+          fetch(deleteUrl, {})
+          .then( res => {
+            console.log(res)
+            toast.hideToast();
+            if (res.ok === true){
+              alert(deletePictureText);
+            } else{
+              alert(failedDeletePictureText);
+            }
+          })
         }
       },
       close: true,