Merge pull request #6417 from parasharrajat/iou

Fix IOU Modal styles. (cherry picked from commit 1a6590b)
Expensify · Nov 23, 2021 · f97b29c · f97b29c
1 parent e8b26eb
commit f97b29c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/AnimatedStep.js b/src/components/AnimatedStep.js
@@ -11,7 +11,7 @@ const propTypes = {
     style: PropTypes.arrayOf(PropTypes.object),
 
     /** Whether we're animating the step in or out */
-    direction: PropTypes.string,
+    direction: PropTypes.oneOf(['in', 'out']),
 };
 
 const defaultProps = {
@@ -36,7 +36,7 @@ const AnimatedStep = (props) => {
             duration={CONST.ANIMATED_TRANSITION}
             animation={getAnimationStyle(props.direction)}
             useNativeDriver
-            style={[...props.style]}
+            style={props.style}
         >
             {props.children}
         </Animatable.View>

diff --git a/src/pages/iou/IOUModal.js b/src/pages/iou/IOUModal.js
@@ -395,6 +395,7 @@ class IOUModal extends Component {
                                     )}
                                     {currentStep === Steps.IOUConfirm && (
                                         <AnimatedStep
+                                            style={[styles.flex1]}
                                             direction={this.getDirection()}
                                         >
                                             <IOUConfirmPage