Merge pull request #43895 from software-mansion-labs/fix-offline-andr…

…oid-image Fix new offline chat image on android
Expensify · Jun 24, 2024 · 6148264 · 6148264
2 parents ccebefa + f8b7392
commit 6148264
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 11 deletions.
diff --git a/src/pages/home/report/AnimatedEmptyStateBackground.tsx b/src/pages/home/report/AnimatedEmptyStateBackground.tsx
@@ -43,7 +43,7 @@ function AnimatedEmptyStateBackground() {
     }, [isReducedMotionEnabled]);
 
     return (
-        <View style={StyleUtils.getReportWelcomeBackgroundContainerStyle(isSmallScreenWidth)}>
+        <View style={StyleUtils.getReportWelcomeBackgroundContainerStyle()}>
             <Animated.Image
                 source={illustrations.EmptyStateBackgroundImage}
                 style={[StyleUtils.getReportWelcomeBackgroundImageStyle(isSmallScreenWidth), animatedStyles]}

diff --git a/src/pages/home/report/ReportActionItemCreated.tsx b/src/pages/home/report/ReportActionItemCreated.tsx
@@ -58,7 +58,6 @@ function ReportActionItemCreated(props: ReportActionItemCreatedProps) {
             errors={props.report?.errorFields?.addWorkspaceRoom ?? props.report?.errorFields?.createChat}
             errorRowStyles={[styles.ml10, styles.mr2]}
             onClose={() => navigateToConciergeChatAndDeleteReport(props.report?.reportID ?? props.reportID)}
-            needsOffscreenAlphaCompositing
         >
             <View style={[styles.pRelative]}>
                 <AnimatedEmptyStateBackground />

diff --git a/src/styles/utils/index.ts b/src/styles/utils/index.ts
@@ -800,15 +800,7 @@ function getReportWelcomeBackgroundImageStyle(isSmallScreenWidth: boolean): Imag
 /**
  * Gets the style for the container of the empty state background image that overlap the created report action
  */
-function getReportWelcomeBackgroundContainerStyle(isSmallScreenWidth: boolean): ViewStyle {
-    if (isSmallScreenWidth) {
-        return {
-            position: 'absolute',
-            top: CONST.EMPTY_STATE_BACKGROUND.OVERLAP,
-            width: '100%',
-        };
-    }
-
+function getReportWelcomeBackgroundContainerStyle(): ViewStyle {
     return {
         position: 'absolute',
         top: CONST.EMPTY_STATE_BACKGROUND.OVERLAP,