diff --git a/src/components/Icon/Expensicons.ts b/src/components/Icon/Expensicons.ts index 139b6789e8d..252d13259ae 100644 --- a/src/components/Icon/Expensicons.ts +++ b/src/components/Icon/Expensicons.ts @@ -110,6 +110,7 @@ import QuestionMark from '@assets/images/question-mark-circle.svg'; import ReceiptSearch from '@assets/images/receipt-search.svg'; import Receipt from '@assets/images/receipt.svg'; import Rotate from '@assets/images/rotate-image.svg'; +import RotateLeft from '@assets/images/rotate-left.svg'; import Scan from '@assets/images/scan.svg'; import Send from '@assets/images/send.svg'; import Shield from '@assets/images/shield.svg'; @@ -252,6 +253,7 @@ export { Receipt, ReceiptSearch, Rotate, + RotateLeft, Scan, Send, Shield, diff --git a/src/pages/OnboardEngagement/PurposeForUsingExpensifyPage.tsx b/src/pages/OnboardEngagement/PurposeForUsingExpensifyPage.tsx index acbc272c5ab..66d25da28f9 100644 --- a/src/pages/OnboardEngagement/PurposeForUsingExpensifyPage.tsx +++ b/src/pages/OnboardEngagement/PurposeForUsingExpensifyPage.tsx @@ -76,12 +76,12 @@ function PurposeForUsingExpensifyModal() { const styles = useThemeStyles(); const {windowHeight} = useWindowDimensions(); const theme = useTheme(); - const backgroundColorStyle = StyleUtils.getBackgroundColorStyle(theme.PAGE_THEMES[SCREENS.SETTINGS.WORKSPACES].backgroundColor); + const backgroundColorStyle = StyleUtils.getBackgroundColorStyle(theme.PAGE_THEMES[SCREENS.ONBOARD_ENGAGEMENT.ROOT].backgroundColor); const appBGColor = StyleUtils.getBackgroundColorStyle(theme.appBG); const navigateBack = useCallback(() => { Report.dismissEngagementModal(); - Navigation.goBack(ROUTES.HOME); + Navigation.goBack(); }, []); const completeEngagement = useCallback((message: string, choice: ValueOf) => { diff --git a/src/styles/theme/themes/dark.ts b/src/styles/theme/themes/dark.ts index ea61a1b98dd..8cb1566ec27 100644 --- a/src/styles/theme/themes/dark.ts +++ b/src/styles/theme/themes/dark.ts @@ -144,6 +144,10 @@ const darkTheme = { backgroundColor: colors.productDark200, statusBarStyle: CONST.STATUS_BAR_STYLE.LIGHT_CONTENT, }, + [SCREENS.ONBOARD_ENGAGEMENT.ROOT]: { + backgroundColor: colors.pink800, + statusBarStyle: CONST.STATUS_BAR_STYLE.LIGHT_CONTENT, + }, [SCREENS.ONBOARD_ENGAGEMENT.EXPENSIFY_CLASSIC]: { backgroundColor: colors.green600, statusBarStyle: CONST.STATUS_BAR_STYLE.LIGHT_CONTENT, diff --git a/src/styles/theme/themes/light.ts b/src/styles/theme/themes/light.ts index 7317dc836b2..62c788abbfb 100644 --- a/src/styles/theme/themes/light.ts +++ b/src/styles/theme/themes/light.ts @@ -144,6 +144,10 @@ const lightTheme = { backgroundColor: colors.productDark200, statusBarStyle: CONST.STATUS_BAR_STYLE.LIGHT_CONTENT, }, + [SCREENS.ONBOARD_ENGAGEMENT.ROOT]: { + backgroundColor: colors.pink800, + statusBarStyle: CONST.STATUS_BAR_STYLE.LIGHT_CONTENT, + }, [SCREENS.ONBOARD_ENGAGEMENT.EXPENSIFY_CLASSIC]: { backgroundColor: colors.green600, statusBarStyle: CONST.STATUS_BAR_STYLE.LIGHT_CONTENT,