Elements autocapture (#7457)

* rename tab * adjust elements tag descriptions * missing commit
PostHog · Dec 1, 2021 · 57ff6a8 · 57ff6a8
1 parent 98570c5
commit 57ff6a8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/frontend/src/lib/components/PropertyKeyInfo.tsx b/frontend/src/lib/components/PropertyKeyInfo.tsx
@@ -453,9 +453,9 @@ export const keyMapping: KeyMappingInterface = {
             label: 'Tag Name',
             description: (
                 <span>
-                    Tag name of the element you want to filter on.
+                    HTML tag name of the element which you want to filter.
                     <br />
-                    <i>Note: filtering on element properties only works with $autocapture</i>
+                    <span className="text-muted mt-05">Note: Only works with the "Autocapture" event.</span>
                 </span>
             ),
             examples: ['a', 'button', 'input'],
@@ -464,30 +464,30 @@ export const keyMapping: KeyMappingInterface = {
             label: 'CSS Selector',
             description: (
                 <span>
-                    Select any element by css selector
+                    Select any element by CSS selector.
                     <br />
-                    <i>Note: filtering on element properties only works with $autocapture</i>
+                    <span className="text-muted mt-05">Note: Only works with the "Autocapture" event.</span>
                 </span>
             ),
-            examples: ['div > a', 'table td:nth-child(2)'],
+            examples: ['div > a', 'table td:nth-child(2)', '.my-class'],
         },
         text: {
             label: 'Text',
             description: (
                 <span>
-                    The inner text of the element.
+                    Filter on the inner text of the HTML element.
                     <br />
-                    <i>Note: filtering on element properties only works with $autocapture</i>
+                    <span className="text-muted mt-05">Note: Only works with the "Autocapture" event.</span>
                 </span>
             ),
         },
         href: {
-            label: 'href',
+            label: 'Target (href)',
             description: (
                 <span>
-                    The href attribute of the element.
+                    Filter on the <code>href</code> attribute of the element.
                     <br />
-                    <i>Note: filtering on element properties only works with $autocapture</i>
+                    <span className="text-muted mt-05">Note: Only works with the "Autocapture" event.</span>
                 </span>
             ),
             examples: ['https://posthog.com/about'],

diff --git a/frontend/src/lib/components/TaxonomicFilter/taxonomicFilterLogic.ts b/frontend/src/lib/components/TaxonomicFilter/taxonomicFilterLogic.ts
@@ -103,8 +103,8 @@ export const taxonomicFilterLogic = kea<taxonomicFilterLogicType>({
                     getValue: (action: ActionType): TaxonomicFilterValue => action.id,
                 },
                 {
-                    name: 'Elements',
-                    searchPlaceholder: 'elements',
+                    name: 'Autocapture elements',
+                    searchPlaceholder: 'autocapture elements',
                     type: TaxonomicFilterGroupType.Elements,
                     options: ['tag_name', 'text', 'href', 'selector'].map((option) => ({
                         name: option,