Merge pull request #9865 from Expensify/ckt_removeAutomaticStyling

Remove hardcoded styling for FormAlertWrapper
Expensify · Jul 13, 2022 · e56ccf1 · e56ccf1
2 parents 0c5cf60 + 75b6c16
commit e56ccf1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/FormAlertWithSubmitButton.js b/src/components/FormAlertWithSubmitButton.js
@@ -44,7 +44,7 @@ const defaultProps = {
 
 const FormAlertWithSubmitButton = props => (
     <FormAlertWrapper
-        containerStyles={props.containerStyles}
+        containerStyles={[styles.mh5, styles.mb5, styles.flex1, styles.justifyContentEnd, ...props.containerStyles]}
         isAlertVisible={props.isAlertVisible}
         isMessageHtml={props.isMessageHtml}
         message={props.message}

diff --git a/src/components/FormAlertWrapper.js b/src/components/FormAlertWrapper.js
@@ -53,7 +53,7 @@ const defaultProps = {
 // This component takes other components as a child prop. It will then render any wrapped components as a function using "render props",
 // and passes it a (bool) isOffline parameter. Child components can then use the isOffline variable to determine offline behavior.
 const FormAlertWrapper = props => (
-    <View style={[styles.mh5, styles.mb5, styles.flex1, styles.justifyContentEnd, ...props.containerStyles]}>
+    <View style={[props.containerStyles]}>
         {props.isAlertVisible && (
             <View style={[styles.flexRow, styles.alignItemsCenter, styles.mb3]}>
                 <Icon src={Expensicons.Exclamation} fill={colors.red} />