From 6542a2563484a6b78c2ffd2e6b423e4394187b36 Mon Sep 17 00:00:00 2001
From: Rich Collier <rdcoll@odyssey.local>
Date: Thu, 23 May 2024 13:18:39 -0600
Subject: [PATCH] A4A: Add Woo label on licenses that are for WooCommerce
 products.

---
 .../purchases/licenses/license-preview/index.tsx      | 11 ++++++++++-
 .../purchases/licenses/license-preview/style.scss     |  6 ++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/client/a8c-for-agencies/sections/purchases/licenses/license-preview/index.tsx b/client/a8c-for-agencies/sections/purchases/licenses/license-preview/index.tsx
index 93ea8dcfc293b2..bd31c14ec88b3a 100644
--- a/client/a8c-for-agencies/sections/purchases/licenses/license-preview/index.tsx
+++ b/client/a8c-for-agencies/sections/purchases/licenses/license-preview/index.tsx
@@ -161,7 +161,16 @@ export default function LicensePreview( {
 				} ) }
 			>
 				<div>
-					<span className="license-preview__product">{ productTitle }</span>
+					<span className="license-preview__product">
+						{ licenseKey.startsWith( 'woocommerce-' ) && (
+							<span>
+								<Badge className="license-preview__product-woo-badge" type="info">
+									{ translate( 'Woo' ) }
+								</Badge>
+							</span>
+						) }
+						{ productTitle }
+					</span>
 				</div>
 
 				<div>
diff --git a/client/a8c-for-agencies/sections/purchases/licenses/license-preview/style.scss b/client/a8c-for-agencies/sections/purchases/licenses/license-preview/style.scss
index e3f513d55b2c84..eb28cc7709eec7 100644
--- a/client/a8c-for-agencies/sections/purchases/licenses/license-preview/style.scss
+++ b/client/a8c-for-agencies/sections/purchases/licenses/license-preview/style.scss
@@ -103,6 +103,12 @@
 			display: inline;
 		}
 	}
+
+	&-woo-badge {
+		background: #7f54b3;
+		color: var(--studio-white);
+		margin-right: 0.5rem;
+	}
 }
 
 .license-preview__label {