Merge pull request #19200 from Expensify/cmartins-fixIOUPreviewMargin

Fix IOUPreview top margin
Expensify · May 22, 2023 · c917c44 · c917c44
2 parents d2a2a5c + 7c178a6
commit c917c44
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/components/ReportActionItem/MoneyRequestAction.js b/src/components/ReportActionItem/MoneyRequestAction.js
@@ -67,6 +67,10 @@ const propTypes = {
         email: PropTypes.string,
     }),
 
+    /** Styles to be assigned to Container */
+    // eslint-disable-next-line react/forbid-prop-types
+    style: PropTypes.arrayOf(PropTypes.object),
+
     ...withLocalizePropTypes,
 };
 
@@ -82,6 +86,7 @@ const defaultProps = {
     session: {
         email: null,
     },
+    style: [],
 };
 
 const MoneyRequestAction = (props) => {
@@ -145,7 +150,7 @@ const MoneyRequestAction = (props) => {
                 checkIfContextMenuActive={props.checkIfContextMenuActive}
                 shouldShowPendingConversionMessage={shouldShowPendingConversionMessage}
                 onPreviewPressed={onIOUPreviewPressed}
-                containerStyles={[styles.cursorPointer, props.isHovered ? styles.iouPreviewBoxHover : undefined]}
+                containerStyles={[styles.cursorPointer, props.isHovered ? styles.iouPreviewBoxHover : undefined, ...props.style]}
                 isHovered={props.isHovered}
             />
         </>

diff --git a/src/pages/home/report/ReportActionItem.js b/src/pages/home/report/ReportActionItem.js
@@ -209,6 +209,7 @@ class ReportActionItem extends Component {
                     isHovered={hovered}
                     contextMenuAnchor={this.popoverAnchor}
                     checkIfContextMenuActive={this.checkIfContextMenuActive}
+                    style={this.props.displayAsGroup ? [] : [styles.mt2]}
                 />
             );
         } else if (this.props.action.actionName === CONST.REPORT.ACTIONS.TYPE.REPORTPREVIEW) {

diff --git a/src/styles/styles.js b/src/styles/styles.js
@@ -2456,7 +2456,6 @@ const styles = {
         backgroundColor: themeColors.cardBG,
         borderRadius: variables.componentBorderRadiusCard,
         padding: 20,
-        marginTop: 16,
         maxWidth: variables.sideBarWidth,
         width: '100%',
     },