chore: more intrumentation support form (#20323)

* chore: add instrumentation to support form to enable experiment on replay docs * data attr on container
PostHog · Feb 14, 2024 · f80b4d8 · f80b4d8
1 parent ed9b1ee
commit f80b4d8
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/frontend/src/layout/navigation-3000/sidepanel/SidePanel.tsx b/frontend/src/layout/navigation-3000/sidepanel/SidePanel.tsx
@@ -177,6 +177,7 @@ export function SidePanel(): JSX.Element | null {
                                         activeTab === tab ? closeSidePanel() : openSidePanel(tab as SidePanelTab)
                                     }
                                     data-attr={`sidepanel-tab-${tab}`}
+                                    data-ph-capture-attribute-state-before-click={activeTab === tab ? 'open' : 'closed'}
                                     active={activeTab === tab}
                                     type="secondary"
                                     status="alt"

diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
@@ -19,7 +19,7 @@ export const SidePanelSupport = (): JSX.Element => {
         <>
             <SidePanelPaneHeader title={title} />
 
-            <div className="overflow-y-auto">
+            <div className="overflow-y-auto" data-attr="side-panel-support-container">
                 <div className="p-3 max-w-160 w-full mx-auto">
                     <SupportForm />
 

diff --git a/frontend/src/lib/components/Support/SupportForm.tsx b/frontend/src/lib/components/Support/SupportForm.tsx
@@ -90,6 +90,7 @@ export function SupportForm(): JSX.Element | null {
                     options={Object.entries(TARGET_AREA_TO_NAME).map(([key, value]) => ({
                         label: value,
                         value: key,
+                        'data-attr': `support-form-target-area-${key}`,
                     }))}
                 />
             </LemonField>