diff --git a/changelog/update-7900-payout-notice b/changelog/update-7900-payout-notice new file mode 100644 index 00000000000..4a49df73e41 --- /dev/null +++ b/changelog/update-7900-payout-notice @@ -0,0 +1,4 @@ +Significance: minor +Type: update + +Remove payout timing notice and update the help tooltil on Payments Overview page. diff --git a/client/components/deposits-overview/deposit-notices.tsx b/client/components/deposits-overview/deposit-notices.tsx index 281785fc60a..7a65a9a8e6f 100644 --- a/client/components/deposits-overview/deposit-notices.tsx +++ b/client/components/deposits-overview/deposit-notices.tsx @@ -5,7 +5,6 @@ import React from 'react'; import { __, sprintf } from '@wordpress/i18n'; import interpolateComponents from '@automattic/interpolate-components'; import { Link } from '@woocommerce/components'; -import { tip } from '@wordpress/icons'; import { ExternalLink } from '@wordpress/components'; import { addQueryArgs } from '@wordpress/url'; @@ -104,22 +103,6 @@ export const NewAccountWaitingPeriodNotice: React.FC = () => ( ); -/** - * Renders a notice informing the user of the number of days it may take for deposits to appear in their bank account. - */ -export const DepositTransitDaysNotice: React.FC = () => ( - - { __( - 'It may take 1-3 business days for payouts to reach your bank account.', - 'woocommerce-payments' - ) } - -); - /** * Renders a notice informing the user that their deposits may be paused due to a negative balance. */ diff --git a/client/components/deposits-overview/deposit-schedule.tsx b/client/components/deposits-overview/deposit-schedule.tsx index c463dfa335f..11221606544 100644 --- a/client/components/deposits-overview/deposit-schedule.tsx +++ b/client/components/deposits-overview/deposit-schedule.tsx @@ -118,72 +118,24 @@ const DepositSchedule: React.FC< DepositScheduleProps > = ( { const nextDepositHelpContent = ( <> - { __( - 'Payouts are initiated based on the following criteria:', - 'woocommerce-payments' - ) } - + { interpolateComponents( { + mixedString: __( + 'The timing and amount of your payouts may vary due to several factors. Check out our {{link}}payout schedule guide{{/link}} for details.', + 'woocommerce-payments' + ), + components: { + link: ( + // eslint-disable-next-line jsx-a11y/anchor-has-content + + ), + }, + } ) } ); diff --git a/client/components/deposits-overview/index.tsx b/client/components/deposits-overview/index.tsx index 11c0b3aa023..c00eca0f953 100644 --- a/client/components/deposits-overview/index.tsx +++ b/client/components/deposits-overview/index.tsx @@ -24,7 +24,6 @@ import RecentDepositsList from './recent-deposits-list'; import DepositSchedule from './deposit-schedule'; import { DepositMinimumBalanceNotice, - DepositTransitDaysNotice, NegativeBalanceDepositsPausedNotice, NewAccountWaitingPeriodNotice, NoFundsAvailableForDepositNotice, @@ -149,11 +148,6 @@ const DepositsOverview: React.FC = () => { ) : ( <> - { isDepositsUnrestricted && - ! isDepositAwaitingPendingFunds && - ! hasErroredExternalAccount && ( - - ) } { ! hasCompletedWaitingPeriod && ( ) } diff --git a/client/components/deposits-overview/test/__snapshots__/index.tsx.snap b/client/components/deposits-overview/test/__snapshots__/index.tsx.snap index ac1ac4c69ca..f80d3f68edf 100644 --- a/client/components/deposits-overview/test/__snapshots__/index.tsx.snap +++ b/client/components/deposits-overview/test/__snapshots__/index.tsx.snap @@ -138,50 +138,7 @@ exports[`Deposits Overview information Component Renders 1`] = ` class="components-card__body components-card-body wcpay-deposits-overview__notices__container css-1nwhnu3-View-Body-borderRadius-medium em57xhy0" data-wp-c16t="true" data-wp-component="CardBody" - > -
-
-
-
- -
-
- It may take 1-3 business days for payouts to reach your bank account. -
-
-
-
-
-
+ />