Merge pull request #36144 from teneeto/fix/34468/add-page-theme-for-o…

…nboard-engagment-screen-root fix: add page theme for onboard engagement screen root
Expensify · Feb 8, 2024 · f697c89 · f697c89
2 parents e632a82 + 9d0b69f
commit f697c89
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git 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
@@ -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<typeof CONST.INTRO_CHOICES>) => {

diff --git 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
@@ -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,