improve language

PostHog · Sep 3, 2024 · 3e72005 · 3e72005
1 parent c4ae946
commit 3e72005
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/frontend/src/scenes/onboarding/productAnalyticsSteps/DashboardTemplateConfigureStep.tsx b/frontend/src/scenes/onboarding/productAnalyticsSteps/DashboardTemplateConfigureStep.tsx
@@ -109,8 +109,8 @@ export const OnboardingDashboardTemplateConfigureStep = ({
                         </div>
                         <div className="col-span-2">
                             <p>
-                                Follow the instructions below to map your data to PostHog events. When complete, we'll
-                                automatically generate a dashboard for your analytics.
+                                For each action below, select an element on your site that indicates when that action is
+                                taken, or enter a custom event name that you'll send from your backend.
                             </p>
                             <DashboardTemplateVariables />
                             <LemonButton

diff --git a/frontend/src/scenes/onboarding/productAnalyticsSteps/DashboardTemplateVariables.tsx b/frontend/src/scenes/onboarding/productAnalyticsSteps/DashboardTemplateVariables.tsx
@@ -1,4 +1,4 @@
-import { IconCheckCircle, IconTrash } from '@posthog/icons'
+import { IconCheckCircle, IconInfo, IconTrash } from '@posthog/icons'
 import { LemonButton, LemonCollapse, LemonInput, LemonLabel } from '@posthog/lemon-ui'
 import { useActions, useValues } from 'kea'
 import { useEffect, useState } from 'react'
@@ -25,10 +25,9 @@ function VariableSelector({ variable }: { variable: DashboardTemplateVariableTyp
     return (
         <div className="pl-7">
             <div className="mb-2">
-                <p>Select the element that indicates:</p>
-                <LemonLabel showOptional={!variable.required} info={<>{variable.description}</>}>
-                    {variable.name}
-                </LemonLabel>
+                <p>
+                    <IconInfo /> {variable.description}
+                </p>
             </div>
             {variable.touched && !customEventName && (
                 <div className="flex justify-between items-center bg-bg-3000-light p-2 pl-3 rounded mb-4">