From 3d35ecc1e5b0c5b0c2b0d15f7bc5d31999cae2ef Mon Sep 17 00:00:00 2001
From: Eric Jinks <3147296+Jinksi@users.noreply.github.com>
Date: Thu, 21 Sep 2023 11:59:50 +1000
Subject: [PATCH] Add dispute fee to accept tooltip

---
 client/payment-details/dispute-details/dispute-steps.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/payment-details/dispute-details/dispute-steps.tsx b/client/payment-details/dispute-details/dispute-steps.tsx
index 8cd0b2f3245..e6bad46635f 100644
--- a/client/payment-details/dispute-details/dispute-steps.tsx
+++ b/client/payment-details/dispute-details/dispute-steps.tsx
@@ -19,6 +19,7 @@ import type { Dispute } from 'wcpay/types/disputes';
 import { ChargeBillingDetails } from 'wcpay/types/charges';
 import { formatExplicitCurrency } from 'utils/currency';
 import { ClickTooltip } from 'wcpay/components/tooltip';
+import { getDisputeFeeFormatted } from 'wcpay/disputes/utils';
 
 interface Props {
 	dispute: Dispute;
@@ -140,8 +141,10 @@ const DisputeSteps: React.FC< Props > = ( {
 											`Accepting this dispute will automatically close it. Your account will be charged a %s fee, and the disputed amount will be refunded to the cardholder.`,
 											'woocommerce-payments'
 										),
-										// TODO: use getDisputeFee() from https://github.com/Automattic/woocommerce-payments/pull/7118.
-										''
+										getDisputeFeeFormatted(
+											dispute,
+											true
+										) || '-'
 									) }
 								/>
 							),