chore(experiments): Show notice when web experiments disabled (#26492)

PostHog · Nov 29, 2024 · 240192d · 240192d
1 parent c80f775
commit 240192d
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/frontend/src/toolbar/experiments/ExperimentsToolbarMenu.tsx b/frontend/src/toolbar/experiments/ExperimentsToolbarMenu.tsx
@@ -1,4 +1,5 @@
 import { IconPlus } from '@posthog/icons'
+import { LemonBanner } from '@posthog/lemon-ui'
 import { useActions, useValues } from 'kea'
 import { IconOpenInNew } from 'lib/lemon-ui/icons'
 import { LemonButton } from 'lib/lemon-ui/LemonButton'
@@ -29,6 +30,21 @@ const ExperimentsListToolbarMenu = (): JSX.Element => {
     return (
         <ToolbarMenu>
             <ToolbarMenu.Header>
+                {window.parent.posthog.config.disable_web_experiments && (
+                    <div className="p-2">
+                        <LemonBanner type="warning">
+                            Web experiments are disabled in your PostHog web snippet configuration. To run experiments,
+                            add <code>disable_web_experiments: false</code> to your configuration.{' '}
+                            <Link
+                                target="_blank"
+                                targetBlankIcon
+                                to="https://posthog.com/docs/experiments/no-code-web-experiments"
+                            >
+                                Learn more
+                            </Link>
+                        </LemonBanner>
+                    </div>
+                )}
                 <LemonInput
                     autoFocus
                     fullWidth