chore: add data-att for products and addons (#25439)

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
PostHog · Oct 9, 2024 · e4bde15 · e4bde15
1 parent ffb3ded
commit e4bde15
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/scenes/billing/BillingProduct.tsx b/frontend/src/scenes/billing/BillingProduct.tsx
@@ -102,6 +102,7 @@ export const BillingProduct = ({ product }: { product: BillingProductV2Type }):
                 'flex-col pb-4': size === 'small',
             })}
             ref={ref}
+            data-attr={`billing-product-${product.type}`}
         >
             <div className="border border-border rounded w-full bg-bg-light" ref={productRef}>
                 <div className="border-b border-border rounded-t bg-bg-3000 p-4">

diff --git a/frontend/src/scenes/billing/BillingProductAddon.tsx b/frontend/src/scenes/billing/BillingProductAddon.tsx
@@ -71,7 +71,11 @@ export const BillingProductAddon = ({ addon }: { addon: BillingProductV2AddonTyp
         addon.plans?.find((plan) => plan.plan_key === 'addon-20240404-og-customers')
 
     return (
-        <div className="bg-bg-3000 rounded p-6 flex flex-col" ref={productRef}>
+        <div
+            className="bg-bg-3000 rounded p-6 flex flex-col"
+            ref={productRef}
+            data-attr={`billing-product-addon-${addon.type}`}
+        >
             <div className="sm:flex justify-between gap-x-4">
                 <div className="flex gap-x-4">
                     <div className="w-8">{getProductIcon(addon.name, addon.icon_key, 'text-2xl')}</div>