feat: Replace ViewerSnackbarProvider by AlertProvider

react/Viewer/Panel/ActionMenuWrapper.jsx

@@ -5,7 +5,7 @@ import { useAppLinkWithStoreFallback, useClient } from 'cozy-client'
 
 import useBreakpoints from '../../providers/Breakpoints'
 import { useI18n } from '../../providers/I18n'
-import useViewerSnackbar from '../providers/ViewerSnackbarProvider'
+import { useAlert } from '../../providers/Alert'
 import {
   buildEditAttributePath,
   isEditableAttribute,
@@ -22,7 +22,7 @@ const ActionMenuWrapper = forwardRef(({ onClose, file, optionFile }, ref) => {
   const editPathByModelProps = useActionMenuContext()
   const { isMobile } = useBreakpoints()
   const { t } = useI18n()
-  const { showViewerSnackbar } = useViewerSnackbar()
+  const { showAlert } = useAlert()
   const client = useClient()
 
   const currentModel = getCurrentModel(name)
@@ -42,12 +42,19 @@ const ActionMenuWrapper = forwardRef(({ onClose, file, optionFile }, ref) => {
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(value)
-      showViewerSnackbar(
-        'success',
-        t(`Viewer.snackbar.copiedToClipboard.success`)
-      )
+      showAlert({
+        message: t(`Viewer.snackbar.copiedToClipboard.success`),
+        severity: 'success',
+        variant: 'filled',
+        icon: false
+      })
     } catch (error) {
-      showViewerSnackbar('error', t(`Viewer.snackbar.copiedToClipboard.error`))
+      showAlert({
+        message: t(`Viewer.snackbar.copiedToClipboard.error`),
+        severity: 'error',
+        variant: 'filled',
+        icon: false
+      })
     }
     onClose()
   }

react/Viewer/ViewerContainer.jsx

@@ -12,8 +12,7 @@ import { isValidForPanel } from './helpers'
 import Viewer from './Viewer'
 import ViewerInformationsWrapper from './ViewerInformationsWrapper'
 import EncryptedProvider from './providers/EncryptedProvider'
-import { ViewerSnackbarProvider } from './providers/ViewerSnackbarProvider'
-import ViewerSnackbar from './snackbar/ViewerSnackbar'
+import AlertProvider from '../providers/Alert'
 import { ActionMenuProvider } from './providers/ActionMenuProvider'
 
 import styles from './styles.styl'
@@ -49,7 +48,7 @@ const ViewerContainer = props => {
   }
 
   return (
-    <ViewerSnackbarProvider>
+    <AlertProvider>
       <ActionMenuProvider editPathByModelProps={editPathByModelProps}>
         <div
           id="viewer-wrapper"
@@ -76,9 +75,8 @@ const ViewerContainer = props => {
             {children}
           </ViewerInformationsWrapper>
         </div>
-        <ViewerSnackbar />
       </ActionMenuProvider>
-    </ViewerSnackbarProvider>
+    </AlertProvider>
   )
 }
 

react/Viewer/ViewersByFile/PdfMobileViewer.jsx

@@ -39,6 +39,7 @@ export const PdfMobileViewer = ({ file, url, t, gestures }) => {
         showAlert({
           message: t('Viewer.error.generic'),
           severity: 'error',
+          variant: 'filled',
           icon: false
         })
       }