Fix regression bug

Expensify · Apr 15, 2021 · 70ce407 · 70ce407
1 parent a4aa60a
commit 70ce407
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/IOUConfirmationList.js b/src/components/IOUConfirmationList.js
@@ -198,9 +198,10 @@ class IOUConfirmationList extends Component {
 
     render() {
         return (
-            <View style={[styles.flex1, styles.w100]}>
+            <View style={[styles.flex1, styles.w100, styles.justifyContentBetween]}>
                 <View style={[styles.flex1]}>
                     <OptionsList
+                        listContainerStyles={[styles.flexGrow0]}
                         sections={this.getSections()}
                         disableArrowKeysActions
                         hideAdditionalOptionStates

diff --git a/src/components/OptionsList.js b/src/components/OptionsList.js
@@ -11,6 +11,9 @@ const propTypes = {
     // option Background Color
     optionBackgroundColor: PropTypes.string,
 
+    // option flexStyle for the options list container
+    listContainerStyles: PropTypes.arrayOf(PropTypes.object),
+
     // Style for hovered state
     // eslint-disable-next-line react/forbid-prop-types
     optionHoveredStyle: PropTypes.object,
@@ -77,6 +80,7 @@ const defaultProps = {
     optionBackgroundColor: undefined,
     optionHoveredStyle: undefined,
     contentContainerStyles: [],
+    listContainerStyles: [],
     sections: [],
     focusedIndex: 0,
     selectedOptions: [],
@@ -196,7 +200,7 @@ class OptionsList extends Component {
 
     render() {
         return (
-            <View style={[styles.flexGrow0]}>
+            <View style={[...(this.props.listContainerStyles ? this.props.listContainerStyles : [styles.flex1])]}>
                 {this.props.headerMessage ? (
                     <View style={[styles.ph5, styles.pb5]}>
                         <Text style={[styles.textLabel, styles.colorMuted]}>