diff --git a/frontend/src/scenes/experiments/ExperimentForm.tsx b/frontend/src/scenes/experiments/ExperimentForm.tsx index a5829d2c482..7fac1d995a9 100644 --- a/frontend/src/scenes/experiments/ExperimentForm.tsx +++ b/frontend/src/scenes/experiments/ExperimentForm.tsx @@ -48,8 +48,8 @@ const StepInfo = (): JSX.Element => {
-

Variants

-
Add up to 9 variants to test against your control.
+

Variants

+
Add up to 9 variants to test against your control.
@@ -163,8 +163,8 @@ const StepGoal = (): JSX.Element => {
{groupTypes.size > 0 && (
-

Participant type

-
+

Participant type

+
The type on which to aggregate metrics. You can change this at any time during the experiment.
@@ -239,8 +239,8 @@ const StepGoal = (): JSX.Element => { />
-

Goal criteria

-
+

Goal criteria

+
{experimentInsightType === InsightType.FUNNELS ? 'Create the funnel you want to measure.' : 'Select a single metric to track.'} diff --git a/frontend/src/scenes/experiments/ExperimentView/Goal.tsx b/frontend/src/scenes/experiments/ExperimentView/Goal.tsx index 5ceadd7c283..a711388bb44 100644 --- a/frontend/src/scenes/experiments/ExperimentView/Goal.tsx +++ b/frontend/src/scenes/experiments/ExperimentView/Goal.tsx @@ -210,16 +210,27 @@ export function Goal(): JSX.Element { return (
-

Experiment goal

-
- This {experimentInsightType === InsightType.FUNNELS ? 'funnel' : 'trend'}{' '} - {experimentInsightType === InsightType.FUNNELS - ? 'experiment measures conversion at each stage.' - : 'experiment tracks the count of a single metric.'} +
+
+

Experiment goal

+ + {' '} + This {experimentInsightType === InsightType.FUNNELS ? 'funnel' : 'trend'}{' '} + {experimentInsightType === InsightType.FUNNELS + ? 'experiment measures conversion at each stage.' + : 'experiment tracks the count of a single metric.'} + + } + > + + +
-
+
{experimentInsightType === InsightType.FUNNELS ? 'Conversion goal steps' : 'Trend goal'}
diff --git a/frontend/src/scenes/experiments/ExperimentView/ProgressBar.tsx b/frontend/src/scenes/experiments/ExperimentView/ProgressBar.tsx index 75a221b5148..0aea97a5a37 100644 --- a/frontend/src/scenes/experiments/ExperimentView/ProgressBar.tsx +++ b/frontend/src/scenes/experiments/ExperimentView/ProgressBar.tsx @@ -31,12 +31,16 @@ export function ProgressBar(): JSX.Element { return (
-

Data collection

-
- Estimated target for the number of participants. Actual data may reveal significance earlier or later - than predicted. +
+

Data collection

+ + +
-
{`${ +
{`${ experimentProgressPercent > 100 ? 100 : experimentProgressPercent.toFixed(2) }% complete`}
{experimentInsightType === InsightType.TRENDS && ( -
+
{experiment.end_date ? (
Ran for {actualRunningTime} {formatUnitByQuantity(actualRunningTime, 'day')} @@ -80,7 +84,7 @@ export function ProgressBar(): JSX.Element {
)} {experimentInsightType === InsightType.FUNNELS && ( -
+
{experiment.end_date ? (
Saw {humanFriendlyNumber(funnelResultsPersonsTotal)}{' '} diff --git a/frontend/src/scenes/experiments/ExperimentView/SecondaryMetricsTable.tsx b/frontend/src/scenes/experiments/ExperimentView/SecondaryMetricsTable.tsx index 6337d23c883..666238a3ea1 100644 --- a/frontend/src/scenes/experiments/ExperimentView/SecondaryMetricsTable.tsx +++ b/frontend/src/scenes/experiments/ExperimentView/SecondaryMetricsTable.tsx @@ -1,7 +1,7 @@ import '../Experiment.scss' -import { IconPencil, IconPlus } from '@posthog/icons' -import { LemonButton, LemonInput, LemonModal, LemonTable, LemonTableColumns } from '@posthog/lemon-ui' +import { IconInfo, IconPencil, IconPlus } from '@posthog/icons' +import { LemonButton, LemonInput, LemonModal, LemonTable, LemonTableColumns, Tooltip } from '@posthog/lemon-ui' import { Empty } from 'antd' import { useActions, useValues } from 'kea' import { Form } from 'kea-forms' @@ -286,11 +286,15 @@ export function SecondaryMetricsTable({ <>
-
-

Secondary metrics

- {metrics.length > 0 && ( -
Monitor side effects of your experiment.
- )} +
+
+

Secondary metrics

+ {metrics.length > 0 && ( + + + + )} +