feat: Add success message when confirming editing

cozy · Nov 18, 2024 · 5a68d29 · 5a68d29
1 parent 3d04b8d
commit 5a68d29
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/src/components/ModelSteps/widgets/SubmitButton.jsx b/src/components/ModelSteps/widgets/SubmitButton.jsx
@@ -109,6 +109,12 @@ const SubmitButton = ({ onSubmit, disabled, formData }) => {
         })
       }
 
+      showAlert({
+        message: t('common.saveFile.success'),
+        severity: 'success',
+        variant: 'filled'
+      })
+
       return onSubmit()
     }
 

diff --git a/src/components/Views/ContactEdit.jsx b/src/components/Views/ContactEdit.jsx
@@ -8,6 +8,8 @@ import { updateReferencedContact } from 'src/components/ModelSteps/Edit/helpers'
 import { useClient } from 'cozy-client'
 import Backdrop from 'cozy-ui/transpiled/react/Backdrop'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import { makeStyles } from 'cozy-ui/transpiled/react/styles'
 
 const useStyles = makeStyles({
@@ -21,6 +23,8 @@ const ContactEdit = () => {
   const navigate = useNavigate()
   const client = useClient()
   const classes = useStyles()
+  const { t } = useI18n()
+  const { showAlert } = useAlert()
 
   const currentEditInformation = useCurrentEditInformations(fileId, 'contact')
   const { isLoadingContacts, contacts } = useReferencedContact([
@@ -62,6 +66,11 @@ const ContactEdit = () => {
       currentFile: currentEditInformation.file,
       contactIdsSelected
     })
+    showAlert({
+      message: t('common.saveFile.success'),
+      severity: 'success',
+      variant: 'filled'
+    })
     onClose()
   }
   const isLoading = currentEditInformation.isLoading || isLoadingContacts

diff --git a/src/components/Views/InformationEdit.jsx b/src/components/Views/InformationEdit.jsx
@@ -20,6 +20,7 @@ import { isIOS } from 'cozy-device-helper'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
@@ -30,6 +31,7 @@ const InformationEdit = () => {
   const { isMobile } = useBreakpoints()
   const scannerT = useScannerI18n()
   const navigate = useNavigate()
+  const { showAlert } = useAlert()
 
   const [value, setValue] = useState({})
   const [validInput, setValidInput] = useState({})
@@ -85,6 +87,11 @@ const InformationEdit = () => {
         .collection(FILES_DOCTYPE)
         .updateMetadataAttribute(fileId, newMetadata)
     }
+    showAlert({
+      message: t('common.saveFile.success'),
+      severity: 'success',
+      variant: 'filled'
+    })
 
     navigate('..')
   }