Merge pull request #9312 from Tushu17/status-bar-fix

fix status bar color when modal/popover is open
Expensify · Jun 6, 2022 · d0a9887 · d0a9887
2 parents 1d57924 + e7c44da
commit d0a9887
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
@@ -154,6 +154,7 @@ class AttachmentModal extends PureComponent {
         return (
             <>
                 <Modal
+                    statusBarTranslucent={false}
                     type={this.state.modalType}
                     onSubmit={this.submitAndClose}
                     onClose={() => this.setState({isModalOpen: false})}

diff --git a/src/components/Modal/BaseModal.js b/src/components/Modal/BaseModal.js
@@ -112,6 +112,7 @@ class BaseModal extends PureComponent {
                 hideModalContentWhileAnimating={this.props.hideModalContentWhileAnimating}
                 animationInTiming={this.props.animationInTiming}
                 animationOutTiming={this.props.animationOutTiming}
+                statusBarTranslucent={this.props.statusBarTranslucent}
             >
                 <SafeAreaInsetsContext.Consumer>
                     {(insets) => {

diff --git a/src/components/Modal/modalPropTypes.js b/src/components/Modal/modalPropTypes.js
@@ -58,6 +58,9 @@ const propTypes = {
     /** Modal container styles  */
     containerStyle: stylePropTypes,
 
+    /** Whether the modal should go under the system statusbar */
+    statusBarTranslucent: PropTypes.bool,
+
     ...windowDimensionsPropTypes,
 };
 
@@ -73,6 +76,7 @@ const defaultProps = {
     animationOut: null,
     popoverAnchorPosition: {},
     containerStyle: {},
+    statusBarTranslucent: true,
 };
 
 export {propTypes, defaultProps};