add offline indicator to basePaymentspage

update offline indicator styles for resend validation page

Author: NikkiWines

src/pages/settings/Payments/PaymentsPage/BasePaymentsPage.js

@@ -33,6 +33,7 @@ import KYCWall from '../../../../components/KYCWall';
 import {propTypes, defaultProps} from './paymentsPagePropTypes';
 import {withNetwork} from '../../../../components/OnyxProvider';
 import * as PaymentUtils from '../../../../libs/PaymentUtils';
+import OfflineIndicator from '../../../../components/OfflineIndicator';
 
 class BasePaymentsPage extends React.Component {
     constructor(props) {
@@ -436,6 +437,7 @@ class BasePaymentsPage extends React.Component {
                         danger
                     />
                 </KeyboardAvoidingView>
+                <OfflineIndicator containerStyles={[styles.ml5, styles.mv3]} />
             </ScreenWrapper>
         );
     }

src/pages/signin/ResendValidationForm.js

@@ -152,7 +152,7 @@ class ResendValidationForm extends React.Component {
                         isDisabled={this.props.network.isOffline}
                     />
                 </View>
-                <OfflineIndicator />
+                <OfflineIndicator containerStyles={[styles.mv1]} />
             </>
         );
     }