feat: Avoid to call backup intent when not available

A window.cozy.backup_available flag was sent by the flagship app but
not used. So errors were shown because intent were not available on
old flagship app version.

src/photos/ducks/backup/components/UpdateAppAlert.jsx

@@ -0,0 +1,16 @@
+import React from 'react'
+
+import { useI18n } from 'cozy-ui/transpiled/react/I18n'
+import Alert from 'cozy-ui/transpiled/react/Alert'
+
+const UpdateAppAlert = () => {
+  const { t } = useI18n()
+
+  return (
+    <>
+      <Alert className="u-mt-1">{t('Backup.UpdateAppAlert.description')}</Alert>
+    </>
+  )
+}
+
+export default UpdateAppAlert

src/photos/ducks/backup/hooks/useBackupActions.jsx

@@ -111,7 +111,7 @@ export const BackupActionsProvider = ({ children }) => {
       }
     }
 
-    if (webviewIntent) {
+    if (webviewIntent && window?.cozy?.flagship?.backup_available) {
       check()
     }
   }, [webviewIntent, checkBackupPermissions, prepareBackup])

src/photos/ducks/backup/index.jsx

@@ -10,6 +10,7 @@ import BackupInfo from './components/BackupInfo'
 import BackupActions from './components/BackupActions'
 import BackupDescription from './components/BackupDescription'
 import InstallAppAlert from './components/InstallAppAlert'
+import UpdateAppAlert from './components/UpdateAppAlert'
 import LastBackupStatus from './components/LastBackupStatus'
 import AllowPermissionsModal from './components/AllowPermissionsModal'
 import { BackupError } from './components/BackupError'
@@ -20,7 +21,9 @@ import { isFlagshipApp } from 'cozy-device-helper'
 const BackupPageContent = () => {
   const { isMobile } = useBreakpoints()
 
-  if (isFlagshipApp()) {
+  const isFlagshipAppBackupReady = window?.cozy?.flagship?.backup_available
+
+  if (isFlagshipApp() && isFlagshipAppBackupReady) {
     return (
       <>
         <BackupHeader />
@@ -30,6 +33,14 @@ const BackupPageContent = () => {
         <BackupDescription />
       </>
     )
+  } else if (isFlagshipApp() && !isFlagshipAppBackupReady) {
+    return (
+      <>
+        <BackupHeader />
+        <UpdateAppAlert />
+        <BackupDescription />
+      </>
+    )
   } else {
     return (
       <>

src/photos/locales/en.json

@@ -308,6 +308,9 @@
       "description": "Backup automatically all your photos and videos from your mobile devices",
       "install": "Install our app"
     },
+    "UpdateAppAlert": {
+      "description": "Update your app to backup automatically all your photos and videos"
+    },
     "LastBackupStatus": {
       "lastBackup": "Last backup: ",
       "success": "Success - ",