feat(experiments): Add primary and secondary metric explanation (Post…

…Hog#28160)
sloppyjuicy · Feb 3, 2025 · b4cf86b · b4cf86b
1 parent 5aa6180
commit b4cf86b
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/frontend/src/scenes/experiments/MetricsView/MetricsView.tsx b/frontend/src/scenes/experiments/MetricsView/MetricsView.tsx
@@ -259,8 +259,15 @@ export function MetricsView({ isSecondary }: { isSecondary?: boolean }): JSX.Ele
                 <div className="border rounded bg-bg-light pt-6 pb-8 text-muted mt-2">
                     <div className="flex flex-col items-center mx-auto space-y-3">
                         <IconAreaChart fontSize="30" />
-                        <div className="text-sm text-center text-balance">
-                            Add up to {MAX_PRIMARY_METRICS} {isSecondary ? 'secondary' : 'primary'} metrics.
+                        <div className="text-sm text-center text-balance max-w-sm">
+                            <p>
+                                Add up to {MAX_PRIMARY_METRICS} {isSecondary ? 'secondary' : 'primary'} metrics.
+                            </p>
+                            <p>
+                                {isSecondary
+                                    ? 'Secondary metrics provide additional context and help detect unintended side effects.'
+                                    : 'Primary metrics represent the main goal of the experiment and directly measure if your hypothesis was successful.'}
+                            </p>
                         </div>
                         {isSecondary ? <AddSecondaryMetric /> : <AddPrimaryMetric />}
                     </div>