feat: add a/b test for customer logos on signup page (#21086)

* Add customer logos * Update the signup left panel to have a third a/b test w/ customer logos * Update a/b testing key for signup language * Update logos text to use control * Update UI snapshots for `chromium` (1) * Update constants.tsx * Update SignupContainer.tsx * Update frontend/src/scenes/authentication/signup/SignupContainer.tsx Co-authored-by: Bianca Yang <[email protected]> * Update frontend/src/scenes/authentication/signup/SignupContainer.tsx * Remove text class name * Update UI snapshots for `chromium` (2) * Update UI snapshots for `chromium` (2) --------- Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Bianca Yang <[email protected]>
PostHog · Mar 25, 2024 · d226bd0 · d226bd0
1 parent d66eaa1
commit d226bd0
Show file tree

Hide file tree

Showing 7 changed files with 102 additions and 38 deletions.
diff --git a/frontend/src/lib/components/CustomerLogo.tsx b/frontend/src/lib/components/CustomerLogo.tsx
@@ -0,0 +1,23 @@
+interface CustomerProps {
+    image: string
+    alt: string
+    className?: string
+}
+
+interface LogoProps {
+    src: string
+    alt: string
+    className?: string
+}
+
+const Logo = ({ src, alt, className = '' }: LogoProps): JSX.Element => (
+    <img className={`bg-transparent w-full px-3 py-3 h-10 ${className}`} src={src} alt={alt} />
+)
+
+export const CustomerLogo = ({ image, alt, className = '' }: CustomerProps): JSX.Element => {
+    return (
+        <li className="flex items-center justify-center w-full">
+            <Logo className={className} src={image} alt={alt} />
+        </li>
+    )
+}
diff --git a/frontend/src/lib/constants.tsx b/frontend/src/lib/constants.tsx
@@ -149,7 +149,7 @@ export const FEATURE_FLAGS = {
     POSTHOG_3000_NAV: 'posthog-3000-nav', // owner: @Twixes
     HEDGEHOG_MODE: 'hedgehog-mode', // owner: @benjackwhite
     HEDGEHOG_MODE_DEBUG: 'hedgehog-mode-debug', // owner: @benjackwhite
-    GENERIC_SIGNUP_BENEFITS: 'generic-signup-benefits', // experiment, owner: @raquelmsmith
+    SIGNUP_BENEFITS: 'signup-benefits', // experiment, owner: @zlwaterfield
     WEB_ANALYTICS: 'web-analytics', // owner @robbie-c #team-web-analytics
     WEB_ANALYTICS_SAMPLING: 'web-analytics-sampling', // owner @robbie-c #team-web-analytics
     HIGH_FREQUENCY_BATCH_EXPORTS: 'high-frequency-batch-exports', // owner: @tomasfarias

diff --git a/frontend/src/lib/customers/airbus.svg b/frontend/src/lib/customers/airbus.svg
diff --git a/frontend/src/lib/customers/hasura.svg b/frontend/src/lib/customers/hasura.svg
diff --git a/frontend/src/lib/customers/staples.svg b/frontend/src/lib/customers/staples.svg
diff --git a/frontend/src/lib/customers/y-combinator.svg b/frontend/src/lib/customers/y-combinator.svg