feat: Implement useFlagshipUI() in OsReceiveScreen view

src/app/view/OsReceive/OsReceiveScreen.styles.tsx

@@ -14,14 +14,6 @@ export const osReceiveScreenStyles = {
   },
   singleFileTitle: { alignSelf: 'center', marginBottom: 24 },
   appIcon: { minWidth: 32 },
-  setFlagshipUI: {
-    bottomBackground: 'white',
-    bottomTheme: 'dark',
-    bottomOverlay: 'transparent',
-    topBackground: 'white',
-    topTheme: 'dark',
-    topOverlay: 'transparent'
-  },
   appName: {
     lineHeight: 21
   },

src/app/view/OsReceive/OsReceiveScreen.tsx

@@ -2,6 +2,11 @@ import React from 'react'
 import { StyleProp, TextStyle } from 'react-native'
 import { SvgXml } from 'react-native-svg'
 
+import { FlagshipUI } from 'cozy-intent'
+
+import { OsReceiveFile } from '/app/domain/osReceive/models/OsReceiveState'
+import { AppForUpload } from '/app/domain/osReceive/models/OsReceiveCozyApp'
+import { ScreenIndexes, useFlagshipUI } from '/app/view/FlagshipUI'
 import { Icon } from '/ui/Icon'
 import { Container } from '/ui/Container'
 import { Grid } from '/ui/Grid'
@@ -31,10 +36,40 @@ import { useCozyTheme } from '/ui/CozyTheme/CozyTheme'
 import { FileDuotone } from '/ui/Icons/FileDuotone'
 import { FileThumbnail } from '/ui/ImageThumbnail'
 
+const defaultFlagshipUI: FlagshipUI = {
+  bottomTheme: 'dark',
+  topTheme: 'dark'
+}
+
 export const OsReceiveScreen = (): JSX.Element | null => {
   const filesToUpload = useFilesToUpload()
   const { hasAllFilesQueued } = useFilesQueueStatus()
   const appsForUpload = useAppsForUpload()
+
+  const hasFilesToUpload = filesToUpload.length > 0
+  const shouldRender =
+    (hasFilesToUpload && appsForUpload && appsForUpload.length > 0) ||
+    hasAllFilesQueued
+
+  if (!shouldRender) return null
+
+  return (
+    <OsReceiveScreenView
+      filesToUpload={filesToUpload}
+      appsForUpload={appsForUpload}
+    />
+  )
+}
+
+interface OsReceiveScreenViewProps {
+  filesToUpload: OsReceiveFile[]
+  appsForUpload: AppForUpload[] | undefined
+}
+
+export const OsReceiveScreenView = ({
+  filesToUpload,
+  appsForUpload
+}: OsReceiveScreenViewProps): JSX.Element | null => {
   const { t } = useI18n()
   const {
     selectedOption,
@@ -45,14 +80,14 @@ export const OsReceiveScreen = (): JSX.Element | null => {
   } = useOsReceiveScreenLogic()
   const { colors } = useCozyTheme('normal')
 
-  const hasFilesToUpload = filesToUpload.length > 0
+  useFlagshipUI(
+    'OsReceiveScreen',
+    ScreenIndexes.OS_RECEIVE_SCREEN,
+    defaultFlagshipUI
+  )
+
   const isSingleFile = filesToUpload.length === 1
   const isMultipleFiles = filesToUpload.length > 1
-  const shouldRender =
-    (hasFilesToUpload && appsForUpload && appsForUpload.length > 0) ||
-    hasAllFilesQueued
-
-  if (!shouldRender) return null
 
   return (
     <Container style={osReceiveScreenStyles.page}>

src/app/view/OsReceive/hooks/useOsReceiveScreen.ts

@@ -9,7 +9,6 @@ import {
 } from 'react'
 
 import { generateWebLink, useClient } from 'cozy-client'
-import { FlagshipUI } from 'cozy-intent'
 
 import {
   useFilesToUpload,
@@ -23,11 +22,8 @@ import {
 import { CozyAppParams } from '/constants/route-types'
 import { routes } from '/constants/routes'
 import { useDefaultIconParams } from '/libs/functions/openApp'
-import { setFlagshipUI } from '/libs/intents/setFlagshipUI'
 import { navigate, navigationRef } from '/libs/RootNavigation'
 
-import { osReceiveScreenStyles } from '/app/view/OsReceive/OsReceiveScreen.styles'
-
 export const useOsReceiveScreenLogic = (): {
   selectedOption: string | undefined
   setSelectedOption: Dispatch<SetStateAction<string | undefined>>
@@ -108,15 +104,6 @@ export const useOsReceiveScreenLogic = (): {
     })
   }, [client, appsForUpload, selectedOption, iconParams, osReceiveDispatch])
 
-  useEffect(() => {
-    if (filesToUpload.length > 0) {
-      void setFlagshipUI(
-        osReceiveScreenStyles.setFlagshipUI as FlagshipUI,
-        'OsReceiveScreen'
-      )
-    }
-  }, [filesToUpload, appsForUpload])
-
   useEffect(() => {
     const firstEnabledApp = appsForUpload?.find(app => !app.reasonDisabled)