Merge branch 'feature/2539-show-promo' of https://github.com/woocomme…

…rce/google-listings-and-ads into feature/2539-show-promo
woocommerce · Oct 23, 2024 · 05aecee · 05aecee
2 parents 81aba99 + 80016a2
commit 05aecee
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/...duct-statistics/create-campaign-notice.js → ...tatistics/create-campaign-notice/index.js b/...duct-statistics/create-campaign-notice.js → ...tatistics/create-campaign-notice/index.js
@@ -10,6 +10,7 @@ import { Notice } from '@wordpress/components';
 import AddPaidCampaignButton from '.~/components/paid-ads/add-paid-campaign-button';
 import useMCProductStatistics from '.~/hooks/useMCProductStatistics';
 import useAdsCampaigns from '.~/hooks/useAdsCampaigns';
+import './index.scss';
 
 const CreateCampaignNotice = () => {
 	const { hasFinishedResolution, data: products } = useMCProductStatistics();
@@ -29,7 +30,7 @@ const CreateCampaignNotice = () => {
 	}
 
 	return (
-		<Notice isDismissible={ false }>
+		<Notice isDismissible={ false } className="gla-ads-inline-notice">
 			<section>
 				<p>
 					{ __(
@@ -38,6 +39,7 @@ const CreateCampaignNotice = () => {
 					) }
 				</p>
 				<AddPaidCampaignButton
+					isSmall={ false }
 					eventProps={ {
 						context: 'product-feed-overview-promotion',
 					} }

diff --git a/js/src/product-feed/product-statistics/create-campaign-notice/index.scss b/js/src/product-feed/product-statistics/create-campaign-notice/index.scss
@@ -0,0 +1,13 @@
+.gla-ads-inline-notice {
+	margin: $grid-unit-20;
+	border-left: none;
+	padding: 0.75rem 1rem;
+
+	&.is-info {
+		background-color: #f0f6fc;
+	}
+
+	.components-notice__content p {
+		margin-top: 0;
+	}
+}