From 331ca075c48f534e891e7c6b38afcbca1f8d1d9a Mon Sep 17 00:00:00 2001
From: Joshua T Flowers <joshuatf@gmail.com>
Date: Mon, 15 Nov 2021 15:09:02 -0500
Subject: [PATCH] Pass child props to partners card
 (https://github.com/woocommerce/woocommerce-admin/pull/7929)

---
 .../client/tasks/fills/tax/avalara/card.tsx               | 3 +--
 .../client/tasks/fills/tax/components/partner-card.tsx    | 8 ++++----
 .../woocommerce-admin/client/tasks/fills/tax/index.tsx    | 2 +-
 .../client/tasks/fills/tax/woocommerce-tax/card.tsx       | 3 +--
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx
index 9e5fcfaa7d9..9818a744daa 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx
@@ -12,13 +12,12 @@ import { recordEvent } from '@woocommerce/tracks';
 import { PartnerCard } from '../components/partner-card';
 import logo from './logo.png';
 
-export const Card = ( { isPending, task } ) => {
+export const Card = ( { task } ) => {
 	const { avalaraActivated } = task.additionalData;
 
 	return (
 		<PartnerCard
 			name={ __( 'Avalara', 'woocommerce-admin' ) }
-			isPending={ isPending }
 			logo={ logo }
 			description={ __(
 				'Powerful all-in-one tax tool',
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/components/partner-card.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/components/partner-card.tsx
index 9e676806543..d54241644b4 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/components/partner-card.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/components/partner-card.tsx
@@ -18,7 +18,7 @@ export const PartnerCard: React.FC< {
 	terms: string;
 	actionText: string;
 	onClick: () => void;
-	isPending: boolean;
+	isBusy?: boolean;
 } > = ( {
 	name,
 	logo,
@@ -27,7 +27,7 @@ export const PartnerCard: React.FC< {
 	terms,
 	actionText,
 	onClick,
-	isPending,
+	isBusy,
 } ) => {
 	return (
 		<div className="woocommerce-tax-partner-card">
@@ -63,8 +63,8 @@ export const PartnerCard: React.FC< {
 				<Button
 					isSecondary
 					onClick={ onClick }
-					isBusy={ isPending }
-					disabled={ isPending }
+					isBusy={ isBusy }
+					disabled={ isBusy }
 				>
 					{ actionText }
 				</Button>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
index 84c64b7eb98..dedbc8a5fae 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
@@ -238,7 +238,7 @@ const Tax = ( { onComplete, query, task } ) => {
 	}
 
 	return (
-		<Partners>
+		<Partners { ...childProps }>
 			{ partners.map( ( partner ) =>
 				createElement( partner.card, {
 					key: partner.id,
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/card.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/card.tsx
index 9f381d608db..d6a49399418 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/card.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/card.tsx
@@ -14,11 +14,10 @@ import { PartnerCard } from '../components/partner-card';
 import logo from './logo.png';
 import { TaxChildProps } from '../utils';
 
-export const Card: React.FC< TaxChildProps > = ( { isPending } ) => {
+export const Card: React.FC< TaxChildProps > = () => {
 	return (
 		<PartnerCard
 			name={ __( 'WooCommerce Tax', 'woocommerce-admin' ) }
-			isPending={ isPending }
 			logo={ logo }
 			description={ __( 'Best for new stores', 'woocommerce-admin' ) }
 			benefits={ [