From 2b477fb93f10a3f9d9ebbb8d3bd9f6dd675ac2b8 Mon Sep 17 00:00:00 2001
From: Gan Eng Chin <ecgan@users.noreply.github.com>
Date: Tue, 20 Jun 2023 21:05:27 +0800
Subject: [PATCH] Show create campaign button in campaigns card when there are
 campaign types.

---
 .../Campaigns/Campaigns.tsx                    | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.tsx b/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.tsx
index ae088496859..c1ee9a81e90 100644
--- a/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.tsx
+++ b/plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/Campaigns.tsx
@@ -28,7 +28,7 @@ import {
 	CardHeaderTitle,
 	CreateNewCampaignModal,
 } from '~/marketing/components';
-import { useCampaigns } from '~/marketing/hooks';
+import { useCampaignTypes, useCampaigns } from '~/marketing/hooks';
 import './Campaigns.scss';
 
 const tableCaption = __( 'Campaigns', 'woocommerce' );
@@ -59,6 +59,7 @@ export const Campaigns = () => {
 	const [ page, setPage ] = useState( 1 );
 	const [ isModalOpen, setModalOpen ] = useState( false );
 	const { loading, data, meta } = useCampaigns( page, perPage );
+	const { data: dataCampaignTypes } = useCampaignTypes();
 	const total = meta?.total;
 
 	const getContent = () => {
@@ -158,6 +159,7 @@ export const Campaigns = () => {
 		);
 	};
 
+	const showCreateCampaignButton = !! dataCampaignTypes?.length;
 	const showFooter = !! ( total && total > perPage );
 
 	return (
@@ -166,12 +168,14 @@ export const Campaigns = () => {
 				<CardHeaderTitle>
 					{ __( 'Campaigns', 'woocommerce' ) }
 				</CardHeaderTitle>
-				<Button
-					variant="secondary"
-					onClick={ () => setModalOpen( true ) }
-				>
-					{ __( 'Create new campaign', 'woocommerce' ) }
-				</Button>
+				{ showCreateCampaignButton && (
+					<Button
+						variant="secondary"
+						onClick={ () => setModalOpen( true ) }
+					>
+						{ __( 'Create new campaign', 'woocommerce' ) }
+					</Button>
+				) }
 				{ isModalOpen && (
 					<CreateNewCampaignModal
 						onRequestClose={ () => setModalOpen( false ) }