A4A: Add Woo label on licenses that are for WooCommerce products.

Automattic · May 23, 2024 · 6542a25 · 6542a25
1 parent a2a916a
commit 6542a25
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 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
@@ -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
@@ -103,6 +103,12 @@
 			display: inline;
 		}
 	}
+
+	&-woo-badge {
+		background: #7f54b3;
+		color: var(--studio-white);
+		margin-right: 0.5rem;
+	}
 }
 
 .license-preview__label {