feat(delete action): add alerts for success / failure

dhis2 · Mar 14, 2024 · 4dc297a · 4dc297a
1 parent 609a352
commit 4dc297a
Showing 1 changed file with 31 additions and 7 deletions.
diff --git a/src/components/sectionList/SectionListWrapper.tsx b/src/components/sectionList/SectionListWrapper.tsx
@@ -1,4 +1,5 @@
-import { FetchError } from '@dhis2/app-runtime'
+import { FetchError, useAlert } from '@dhis2/app-runtime'
+import i18n from '@dhis2/d2-i18n'
 import { SharingDialog } from '@dhis2/ui'
 import React, { useCallback, useState } from 'react'
 import { BaseListModel, canEditModel, useSchemaFromHandle, useDeleteModelMutation } from '../../lib'
@@ -39,14 +40,37 @@ export const SectionListWrapper = ({
         useSelectedModels()
     const [detailsId, setDetailsId] = useState<string | undefined>()
     const [sharingDialogId, setSharingDialogId] = useState<string | undefined>()
+    const { show: showDeletionSuccess } = useAlert(
+        i18n.t('Successfully deleted the {{model}}', {
+            model: schema.singular,
+        }),
+        { success: true }
+    )
+    const { show: showDeletionFailure } = useAlert(
+        i18n.t('Failed deleting the {{model}}!', {
+            model: schema.singular,
+        }),
+        { success: false }
+    )
     const deleteModelMutation = useDeleteModelMutation()
     const deleteModel = useCallback(async (id: string) => {
-        await deleteModelMutation.mutateAsync({
-            id,
-            schema,
-        })
-        refetch()
-    }, [deleteModelMutation, schema, refetch])
+        try {
+            await deleteModelMutation.mutateAsync({
+                id,
+                schema,
+            })
+            refetch()
+            showDeletionSuccess()
+        } catch (e) {
+            showDeletionFailure()
+        }
+    }, [
+        deleteModelMutation,
+        schema,
+        refetch,
+        showDeletionSuccess,
+        showDeletionFailure,
+    ])
 
     const SectionListMessage = () => {
         if (error) {