From a19b7d4f3472d24c92217dc8002fb0b97b597c96 Mon Sep 17 00:00:00 2001 From: Yauheni Pasiukevich Date: Wed, 6 Dec 2023 12:27:05 +0100 Subject: [PATCH 1/2] Migrate 'AnimatedEmptyStateBackground.js' component to TypeScript --- ...EmptyStateBackground.js => AnimatedEmptyStateBackground.tsx} | 0 src/styles/utils/index.ts | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) rename src/pages/home/report/{AnimatedEmptyStateBackground.js => AnimatedEmptyStateBackground.tsx} (100%) diff --git a/src/pages/home/report/AnimatedEmptyStateBackground.js b/src/pages/home/report/AnimatedEmptyStateBackground.tsx similarity index 100% rename from src/pages/home/report/AnimatedEmptyStateBackground.js rename to src/pages/home/report/AnimatedEmptyStateBackground.tsx diff --git a/src/styles/utils/index.ts b/src/styles/utils/index.ts index 8d52c8de200a..20c5eaf19eee 100644 --- a/src/styles/utils/index.ts +++ b/src/styles/utils/index.ts @@ -728,7 +728,7 @@ function getHorizontalStackedOverlayAvatarStyle(oneAvatarSize: AvatarSize, oneAv /** * Gets the correct size for the empty state background image based on screen dimensions */ -function getReportWelcomeBackgroundImageStyle(isSmallScreenWidth: boolean, isMoneyReport = false): ViewStyle { +function getReportWelcomeBackgroundImageStyle(isSmallScreenWidth: boolean, isMoneyReport = false): ImageStyle { const emptyStateBackground = isMoneyReport ? CONST.EMPTY_STATE_BACKGROUND.MONEY_REPORT : CONST.EMPTY_STATE_BACKGROUND; if (isSmallScreenWidth) { From b9bf599a7dc51414b9e4d2f346ce5100f6053d97 Mon Sep 17 00:00:00 2001 From: Yauheni Pasiukevich Date: Wed, 20 Dec 2023 13:10:32 +0100 Subject: [PATCH 2/2] fix import --- src/styles/utils/index.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/utils/index.ts b/src/styles/utils/index.ts index 00992043ee2d..7a5df1657c99 100644 --- a/src/styles/utils/index.ts +++ b/src/styles/utils/index.ts @@ -1,4 +1,4 @@ -import {Animated, DimensionValue, PressableStateCallbackType, StyleProp, StyleSheet, TextStyle, ViewStyle} from 'react-native'; +import {Animated, DimensionValue, ImageStyle, PressableStateCallbackType, StyleProp, StyleSheet, TextStyle, ViewStyle} from 'react-native'; import {EdgeInsets} from 'react-native-safe-area-context'; import {ValueOf} from 'type-fest'; import * as Browser from '@libs/Browser';