From 749b56ca165f5f9ed82037f46272ac4b8d813396 Mon Sep 17 00:00:00 2001
From: Marc Glasser <marc.aaron.glasser@gmail.com>
Date: Tue, 7 Dec 2021 11:58:43 -1000
Subject: [PATCH] Revert WorkspaceBankAccount page changes

---
 .../workspace/WorkspaceBankAccountPage.js     | 67 +++++++++----------
 1 file changed, 33 insertions(+), 34 deletions(-)

diff --git a/src/pages/workspace/WorkspaceBankAccountPage.js b/src/pages/workspace/WorkspaceBankAccountPage.js
index 67ed050f504a..d1c8b88476f5 100644
--- a/src/pages/workspace/WorkspaceBankAccountPage.js
+++ b/src/pages/workspace/WorkspaceBankAccountPage.js
@@ -1,8 +1,10 @@
 import lodashGet from 'lodash/get';
 import React from 'react';
 import {withOnyx} from 'react-native-onyx';
+import HeaderWithCloseButton from '../../components/HeaderWithCloseButton';
 import * as Expensicons from '../../components/Icon/Expensicons';
 import * as Illustrations from '../../components/Icon/Illustrations';
+import ScreenWrapper from '../../components/ScreenWrapper';
 import ExpensifyText from '../../components/ExpensifyText';
 import withLocalize, {withLocalizePropTypes} from '../../components/withLocalize';
 import * as BankAccounts from '../../libs/actions/BankAccounts';
@@ -14,8 +16,6 @@ import ROUTES from '../../ROUTES';
 import reimbursementAccountPropTypes from '../ReimbursementAccount/reimbursementAccountPropTypes';
 import WorkspaceSection from './WorkspaceSection';
 import WorkspaceResetBankAccountModal from './WorkspaceResetBankAccountModal';
-import WorkspacePageWithSections from './WorkspacePageWithSections';
-
 
 const propTypes = {
     /** ACH data for the withdrawal account actively being set up */
@@ -85,38 +85,37 @@ class WorkspaceBankAccountPage extends React.Component {
         }
 
         return (
-            <WorkspacePageWithSections
-                headerText={this.props.translate('workspace.common.bankAccount')}
-                route={this.props.route}
-            >
-                {() => (
-                    <>
-                        <WorkspaceSection
-                            title={this.props.translate('workspace.bankAccount.almostDone')}
-                            icon={Illustrations.BankArrowPink}
-                            menuItems={[
-                                {
-                                    title: this.props.translate('workspace.bankAccount.continueWithSetup'),
-                                    icon: Expensicons.Bank,
-                                    onPress: this.navigateToBankAccountRoute,
-                                    shouldShowRightIcon: true,
-                                },
-                                {
-                                    title: this.props.translate('workspace.bankAccount.startOver'),
-                                    icon: Expensicons.RotateLeft,
-                                    onPress: BankAccounts.requestResetFreePlanBankAccount,
-                                    shouldShowRightIcon: true,
-                                },
-                            ]}
-                        >
-                            <ExpensifyText>
-                                {this.props.translate('workspace.bankAccount.youreAlmostDone')}
-                            </ExpensifyText>
-                        </WorkspaceSection>
-                        <WorkspaceResetBankAccountModal />
-                    </>
-                )}
-            </WorkspacePageWithSections>
+            <ScreenWrapper>
+                <HeaderWithCloseButton
+                    title={this.props.translate('workspace.common.bankAccount')}
+                    onCloseButtonPress={Navigation.dismissModal}
+                    onBackButtonPress={() => Navigation.navigate(ROUTES.getWorkspaceInitialRoute(this.props.route.params.policyID))}
+                    shouldShowBackButton
+                />
+                <WorkspaceSection
+                    title={this.props.translate('workspace.bankAccount.almostDone')}
+                    icon={Illustrations.BankArrowPink}
+                    menuItems={[
+                        {
+                            title: this.props.translate('workspace.bankAccount.continueWithSetup'),
+                            icon: Expensicons.Bank,
+                            onPress: this.navigateToBankAccountRoute,
+                            shouldShowRightIcon: true,
+                        },
+                        {
+                            title: this.props.translate('workspace.bankAccount.startOver'),
+                            icon: Expensicons.RotateLeft,
+                            onPress: BankAccounts.requestResetFreePlanBankAccount,
+                            shouldShowRightIcon: true,
+                        },
+                    ]}
+                >
+                    <ExpensifyText>
+                        {this.props.translate('workspace.bankAccount.youreAlmostDone')}
+                    </ExpensifyText>
+                </WorkspaceSection>
+                <WorkspaceResetBankAccountModal />
+            </ScreenWrapper>
         );
     }
 }