From 7cdb980b385e1b32f3e19e2c2f57a182edf72b1f Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 11:04:55 -0400 Subject: [PATCH 01/20] Update font styles for the request amount --- src/components/ReportActionItem/IOUPreview.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index 95866a057e6..5eb6cf6c952 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -190,7 +190,7 @@ const IOUPreview = (props) => { - + {CurrencyUtils.convertToDisplayString(requestAmount, requestCurrency)} {!props.iouReport.hasOutstandingIOU && !props.isBillSplit && ( From 47cbee7ea30ad80d0c05c880bcb4b1f68f8899e1 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 12:25:30 -0400 Subject: [PATCH 02/20] Add arrow icon --- src/components/ReportActionItem/IOUPreview.js | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index 5eb6cf6c952..2293f911104 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -185,9 +185,14 @@ const IOUPreview = (props) => { needsOffscreenAlphaCompositing > - - {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} - + + + + {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} + + + + From 9726db460664166579a5a6e5f7d2293c2974b644 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 12:28:25 -0400 Subject: [PATCH 03/20] Update comment --- src/components/ReportActionItem/IOUPreview.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index 2293f911104..4eb9eb217d8 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -144,7 +144,7 @@ const IOUPreview = (props) => { const managerEmail = props.iouReport.managerEmail || ''; const ownerEmail = props.iouReport.ownerEmail || ''; - // When displaying within a IOUDetailsModal we cannot guarentee that participants are included in the originalMessage data + // When displaying within a IOUDetailsModal we cannot guarantee that participants are included in the originalMessage data // Because an IOUPreview of type split can never be rendered within the IOUDetailsModal, manually building the email array is only needed for non-billSplit ious const participantEmails = props.isBillSplit ? props.action.originalMessage.participants : [managerEmail, ownerEmail]; const participantAvatars = OptionsListUtils.getAvatarsForLogins(participantEmails, props.personalDetails); From c30aa3241f5877e913c8a34231f3d7cb92adfd81 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 12:35:34 -0400 Subject: [PATCH 04/20] Add hover state for right arrow --- src/components/ReportActionItem/IOUPreview.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index 4eb9eb217d8..c8e72827018 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -29,6 +29,8 @@ import {showContextMenuForReport} from '../ShowContextMenuContext'; import * as OptionsListUtils from '../../libs/OptionsListUtils'; import Button from '../Button'; import * as CurrencyUtils from '../../libs/CurrencyUtils'; +import * as StyleUtils from '../../styles/StyleUtils'; +import getButtonState from '../../libs/getButtonState'; const propTypes = { /** Additional logic for displaying the pay button */ @@ -191,7 +193,7 @@ const IOUPreview = (props) => { {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} - + From 7b622da0943b50e7fe1c84aa59d3dba43955b576 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 15:48:39 -0400 Subject: [PATCH 05/20] Add translation for Settled --- src/languages/en.js | 1 + src/languages/es.js | 1 + 2 files changed, 2 insertions(+) diff --git a/src/languages/en.js b/src/languages/en.js index 3b48f890b05..bb73dea4260 100755 --- a/src/languages/en.js +++ b/src/languages/en.js @@ -315,6 +315,7 @@ export default { sendMoney: 'Send money', pay: 'Pay', viewDetails: 'View details', + settled: 'Settled', settleExpensify: 'Pay with Expensify', settleElsewhere: 'I\'ll settle up elsewhere', settlePaypalMe: 'Pay with PayPal.me', diff --git a/src/languages/es.js b/src/languages/es.js index 1898baf8ace..61cf71d85a1 100644 --- a/src/languages/es.js +++ b/src/languages/es.js @@ -314,6 +314,7 @@ export default { sendMoney: 'Enviar dinero', pay: 'Pagar', viewDetails: 'Ver detalles', + settled: 'Acreditado', settleExpensify: 'Pagar con Expensify', settleElsewhere: 'Voy a pagar de otra forma', settlePaypalMe: 'Pagar con PayPal.me', From 103a869bda5c152c06194735f29c07e2b8495e65 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 15:51:37 -0400 Subject: [PATCH 06/20] Add dot indicator and Settled text in IOUPreview --- src/components/ReportActionItem/IOUPreview.js | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index c8e72827018..410a57fb6e9 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -188,10 +188,18 @@ const IOUPreview = (props) => { > - + {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} + {true && ( + <> + + + {props.translate('iou.settled')} + + + )} From 8de55fce15a108726d28602a6c0667c5c334f835 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 17:21:04 -0400 Subject: [PATCH 07/20] Use a better translation for settled --- src/languages/es.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/languages/es.js b/src/languages/es.js index 61cf71d85a1..da788129eca 100644 --- a/src/languages/es.js +++ b/src/languages/es.js @@ -314,7 +314,7 @@ export default { sendMoney: 'Enviar dinero', pay: 'Pagar', viewDetails: 'Ver detalles', - settled: 'Acreditado', + settled: 'Pagado', settleExpensify: 'Pagar con Expensify', settleElsewhere: 'Voy a pagar de otra forma', settlePaypalMe: 'Pagar con PayPal.me', From 813b58cee662cdc4e9491e9a062480f66823df3d Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 19:23:38 -0400 Subject: [PATCH 08/20] Add variable settled message depending on type --- src/components/ReportActionItem/IOUPreview.js | 16 +++++++++++++++- src/languages/en.js | 4 +++- src/languages/es.js | 3 +++ 3 files changed, 21 insertions(+), 2 deletions(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index 410a57fb6e9..eff43ea1736 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -31,6 +31,7 @@ import Button from '../Button'; import * as CurrencyUtils from '../../libs/CurrencyUtils'; import * as StyleUtils from '../../styles/StyleUtils'; import getButtonState from '../../libs/getButtonState'; +import * as ReportUtils from '../../libs/reportUtils'; const propTypes = { /** Additional logic for displaying the pay button */ @@ -158,6 +159,19 @@ const IOUPreview = (props) => { const requestAmount = props.isBillSplit ? props.action.originalMessage.amount : props.iouReport.total; const requestCurrency = props.isBillSplit ? lodashGet(props.action, 'originalMessage.currency', CONST.CURRENCY.USD) : props.iouReport.currency; + const getSettledMessage = () => { + switch (props.action.originalMessage.paymentType) { + case CONST.IOU.PAYMENT_TYPE.PAYPAL_ME: + return props.translate('iou.settledPaypalMe'); + case CONST.IOU.PAYMENT_TYPE.ELSEWHERE: + return props.translate('iou.settledElsewhere'); + case CONST.IOU.PAYMENT_TYPE.EXPENSIFY: + return props.translate('iou.settledExpensify'); + default: + return null; + } + }; + const showContextMenu = (event) => { // Use action and shouldHidePayButton props to check if we are in IOUDetailsModal, // if it's true, do nothing when user long press, otherwise show context menu. @@ -196,7 +210,7 @@ const IOUPreview = (props) => { <> - {props.translate('iou.settled')} + {getSettledMessage()} )} diff --git a/src/languages/en.js b/src/languages/en.js index bb73dea4260..b98394ce1ad 100755 --- a/src/languages/en.js +++ b/src/languages/en.js @@ -315,7 +315,9 @@ export default { sendMoney: 'Send money', pay: 'Pay', viewDetails: 'View details', - settled: 'Settled', + settledExpensify: 'Settled', + settledElsewhere: 'Settled elsewhere', + settledPaypalMe: 'Settled using Paypal.me', settleExpensify: 'Pay with Expensify', settleElsewhere: 'I\'ll settle up elsewhere', settlePaypalMe: 'Pay with PayPal.me', diff --git a/src/languages/es.js b/src/languages/es.js index da788129eca..997c1ad2ac9 100644 --- a/src/languages/es.js +++ b/src/languages/es.js @@ -315,6 +315,9 @@ export default { pay: 'Pagar', viewDetails: 'Ver detalles', settled: 'Pagado', + settledExpensify: 'Pagado', + settledElsewhere: 'Pagado de otra forma', + settledPaypalMe: 'Pagado con PayPal.me', settleExpensify: 'Pagar con Expensify', settleElsewhere: 'Voy a pagar de otra forma', settlePaypalMe: 'Pagar con PayPal.me', From 1950e43852acc03329d232c4bc116e274e7e5595 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 19:25:44 -0400 Subject: [PATCH 09/20] Add proper condition for rendering settled message --- src/components/ReportActionItem/IOUPreview.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index eff43ea1736..866623bfaf8 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -206,7 +206,7 @@ const IOUPreview = (props) => { {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} - {true && ( + {(props.action.originalMessage.type === 'pay' || !ReportUtils.isPolicyExpenseChat(props.report)) && ( <> From e7af6f468cb1ebd4aa9de7f8f0c779d2c0ebfd6a Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 19:36:30 -0400 Subject: [PATCH 10/20] Guard against crashes --- src/components/ReportActionItem/IOUPreview.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index 866623bfaf8..8a123e978c3 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -160,7 +160,7 @@ const IOUPreview = (props) => { const requestCurrency = props.isBillSplit ? lodashGet(props.action, 'originalMessage.currency', CONST.CURRENCY.USD) : props.iouReport.currency; const getSettledMessage = () => { - switch (props.action.originalMessage.paymentType) { + switch (lodashGet(props.action, 'originalMessage.paymentType', '')) { case CONST.IOU.PAYMENT_TYPE.PAYPAL_ME: return props.translate('iou.settledPaypalMe'); case CONST.IOU.PAYMENT_TYPE.ELSEWHERE: @@ -206,7 +206,7 @@ const IOUPreview = (props) => { {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} - {(props.action.originalMessage.type === 'pay' || !ReportUtils.isPolicyExpenseChat(props.report)) && ( + {(lodashGet(props.action, 'originalMessage.type', '') === 'pay' || !ReportUtils.isPolicyExpenseChat(props.report)) && ( <> From 1a76bd9c96aad4c9c3247d1399efc9f444e1cdac Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 21:21:44 -0400 Subject: [PATCH 11/20] Rename IOUAction to MoneyRequestAction --- .../ReportActionItem/{IOUAction.js => MoneyRequestAction.js} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/components/ReportActionItem/{IOUAction.js => MoneyRequestAction.js} (100%) diff --git a/src/components/ReportActionItem/IOUAction.js b/src/components/ReportActionItem/MoneyRequestAction.js similarity index 100% rename from src/components/ReportActionItem/IOUAction.js rename to src/components/ReportActionItem/MoneyRequestAction.js From 99631e892f3333c23898b92d486a437d77fe67f0 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 21:29:03 -0400 Subject: [PATCH 12/20] Update references following rename --- src/components/ReportActionItem/MoneyRequestAction.js | 10 +++++----- src/pages/home/report/ReportActionItem.js | 4 ++-- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/ReportActionItem/MoneyRequestAction.js b/src/components/ReportActionItem/MoneyRequestAction.js index a08e9535f43..a153c13167e 100644 --- a/src/components/ReportActionItem/MoneyRequestAction.js +++ b/src/components/ReportActionItem/MoneyRequestAction.js @@ -68,7 +68,7 @@ const defaultProps = { isHovered: false, }; -const IOUAction = (props) => { +const MoneyRequestAction = (props) => { const hasMultipleParticipants = props.chatReport.participants.length > 1; const onIOUPreviewPressed = () => { if (hasMultipleParticipants) { @@ -126,9 +126,9 @@ const IOUAction = (props) => { ); }; -IOUAction.propTypes = propTypes; -IOUAction.defaultProps = defaultProps; -IOUAction.displayName = 'IOUAction'; +MoneyRequestAction.propTypes = propTypes; +MoneyRequestAction.defaultProps = defaultProps; +MoneyRequestAction.displayName = 'MoneyRequestAction'; export default compose( withOnyx({ @@ -144,4 +144,4 @@ export default compose( }, }), withNetwork(), -)(IOUAction); +)(MoneyRequestAction); diff --git a/src/pages/home/report/ReportActionItem.js b/src/pages/home/report/ReportActionItem.js index b9d0f92e955..de0c8623f47 100644 --- a/src/pages/home/report/ReportActionItem.js +++ b/src/pages/home/report/ReportActionItem.js @@ -12,7 +12,7 @@ import PressableWithSecondaryInteraction from '../../../components/PressableWith import Hoverable from '../../../components/Hoverable'; import ReportActionItemSingle from './ReportActionItemSingle'; import ReportActionItemGrouped from './ReportActionItemGrouped'; -import IOUAction from '../../../components/ReportActionItem/IOUAction'; +import MoneyRequestAction from '../../../components/ReportActionItem/MoneyRequestAction'; import ReportActionItemMessage from './ReportActionItemMessage'; import UnreadActionIndicator from '../../../components/UnreadActionIndicator'; import ReportActionItemMessageEdit from './ReportActionItemMessageEdit'; @@ -183,7 +183,7 @@ class ReportActionItem extends Component { const iouReportID = this.props.action.originalMessage.IOUReportID ? this.props.action.originalMessage.IOUReportID.toString() : '0'; children = ( - Date: Tue, 9 May 2023 22:33:22 -0400 Subject: [PATCH 13/20] Text styles for IOUPreview --- src/components/ReportActionItem/IOUPreview.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index 8a123e978c3..caba7fb8447 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -203,13 +203,13 @@ const IOUPreview = (props) => { - + {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} {(lodashGet(props.action, 'originalMessage.type', '') === 'pay' || !ReportUtils.isPolicyExpenseChat(props.report)) && ( <> - + {getSettledMessage()} @@ -248,7 +248,7 @@ const IOUPreview = (props) => { )} - {Str.htmlDecode(lodashGet(props.action, 'originalMessage.comment', ''))} + {Str.htmlDecode(lodashGet(props.action, 'originalMessage.comment', ''))} {(isCurrentUserManager && !props.shouldHidePayButton From 59057d5968c3bfa00239a294a769669c7030b035 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Tue, 9 May 2023 22:39:28 -0400 Subject: [PATCH 14/20] Only display avatars for splits --- src/components/ReportActionItem/IOUPreview.js | 26 ++++++++++--------- 1 file changed, 14 insertions(+), 12 deletions(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index caba7fb8447..0ff2c4baff5 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -228,18 +228,20 @@ const IOUPreview = (props) => { )} - - - + {props.isBillSplit && ( + + + + )} {!isCurrentUserManager && props.shouldShowPendingConversionMessage && ( From 8858dfebb198f7e425f0fea04eb26f9265d2d283 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Wed, 10 May 2023 10:32:56 -0400 Subject: [PATCH 15/20] Code style fixes --- src/components/ReportActionItem/IOUPreview.js | 31 +++++++++---------- src/libs/OptionsListUtils.js | 2 +- 2 files changed, 15 insertions(+), 18 deletions(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index 98c0e48429d..b530040599d 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -195,25 +195,27 @@ const IOUPreview = (props) => { - - {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} - + {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} {(lodashGet(props.action, 'originalMessage.type', '') === 'pay' || !ReportUtils.isPolicyExpenseChat(props.report)) && ( <> - - - {getSettledMessage()} - + + {getSettledMessage()} )} - + - - {CurrencyUtils.convertToDisplayString(requestAmount, requestCurrency)} - + {CurrencyUtils.convertToDisplayString(requestAmount, requestCurrency)} {!props.iouReport.hasOutstandingIOU && !props.isBillSplit && ( { diff --git a/src/libs/OptionsListUtils.js b/src/libs/OptionsListUtils.js index 5a2652a5658..9839482efca 100644 --- a/src/libs/OptionsListUtils.js +++ b/src/libs/OptionsListUtils.js @@ -195,7 +195,7 @@ function getPersonalDetailsForLogins(logins, personalDetails) { * @returns {boolean} */ function isPersonalDetailsReady(personalDetails) { - return !_.isEmpty(personalDetails) && !_.some(_.keys(personalDetails), key => !personalDetails[key].login); + return !_.isEmpty(personalDetails) && !_.some(_.keys(personalDetails), (key) => !personalDetails[key].login); } /** From fe4b7cad022c60b26e3afb624b31a843c32ba379 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Wed, 10 May 2023 10:58:27 -0400 Subject: [PATCH 16/20] Prevent trailing dot indicator --- src/components/ReportActionItem/IOUPreview.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index b530040599d..72e24113dad 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -166,7 +166,7 @@ const IOUPreview = (props) => { case CONST.IOU.PAYMENT_TYPE.EXPENSIFY: return props.translate('iou.settledExpensify'); default: - return null; + return ''; } }; @@ -196,7 +196,7 @@ const IOUPreview = (props) => { {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} - {(lodashGet(props.action, 'originalMessage.type', '') === 'pay' || !ReportUtils.isPolicyExpenseChat(props.report)) && ( + {getSettledMessage() && ( <> Date: Wed, 10 May 2023 11:15:50 -0400 Subject: [PATCH 17/20] Use boolean --- src/components/ReportActionItem/IOUPreview.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index 72e24113dad..da06b1ed299 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -196,7 +196,7 @@ const IOUPreview = (props) => { {props.isBillSplit ? props.translate('iou.split') : props.translate('iou.cash')} - {getSettledMessage() && ( + {Boolean(getSettledMessage()) && ( <> Date: Wed, 10 May 2023 11:24:32 -0400 Subject: [PATCH 18/20] Remove unused import --- src/components/ReportActionItem/IOUPreview.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index da06b1ed299..b1ee416c9c6 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -28,7 +28,6 @@ import Button from '../Button'; import * as CurrencyUtils from '../../libs/CurrencyUtils'; import * as StyleUtils from '../../styles/StyleUtils'; import getButtonState from '../../libs/getButtonState'; -import * as ReportUtils from '../../libs/reportUtils'; const propTypes = { /** Additional logic for displaying the pay button */ From 5f4f7f04497704788f9a912c10724c24a8ed0eff Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Wed, 10 May 2023 13:04:58 -0400 Subject: [PATCH 19/20] Remove unused translation --- src/languages/es.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/languages/es.js b/src/languages/es.js index 0e5e24f181d..31994af489f 100644 --- a/src/languages/es.js +++ b/src/languages/es.js @@ -316,7 +316,6 @@ export default { sendMoney: 'Enviar dinero', pay: 'Pagar', viewDetails: 'Ver detalles', - settled: 'Pagado', settledExpensify: 'Pagado', settledElsewhere: 'Pagado de otra forma', settledPaypalMe: 'Pagado con PayPal.me', From 0f1c50c9954944bf51e1dd38449e4d3b90d80a78 Mon Sep 17 00:00:00 2001 From: Amy Evans Date: Wed, 10 May 2023 14:26:22 -0400 Subject: [PATCH 20/20] Add padding below arrow --- src/components/ReportActionItem/IOUPreview.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js index b1ee416c9c6..758c708e4d9 100644 --- a/src/components/ReportActionItem/IOUPreview.js +++ b/src/components/ReportActionItem/IOUPreview.js @@ -210,6 +210,7 @@ const IOUPreview = (props) => {