From 08f4e084128184a6a4523b63f75c3057d9756a1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Obermu=CC=88ller?= <thomas.obermueller@gmail.com>
Date: Tue, 5 Dec 2023 17:40:23 +0100
Subject: [PATCH] more fixes

---
 .../src/lib/components/PayGatePage/PayGatePage.tsx  |  5 ++++-
 .../ProductIntroduction/ProductIntroduction.tsx     | 13 +++++++++++--
 .../external/DataWarehouseExternalScene.tsx         |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/PayGatePage/PayGatePage.tsx b/frontend/src/lib/components/PayGatePage/PayGatePage.tsx
index 059a96b6cb0ab..07f76e0da3bf6 100644
--- a/frontend/src/lib/components/PayGatePage/PayGatePage.tsx
+++ b/frontend/src/lib/components/PayGatePage/PayGatePage.tsx
@@ -1,6 +1,8 @@
 import './PayGatePage.scss'
 
+import { IconOpenSidebar } from '@posthog/icons'
 import { useValues } from 'kea'
+import { useFeatureFlag } from 'lib/hooks/useFeatureFlag'
 import { IconOpenInNew } from 'lib/lemon-ui/icons'
 import { LemonButton } from 'lib/lemon-ui/LemonButton'
 import { identifierToHuman } from 'lib/utils'
@@ -26,6 +28,7 @@ export function PayGatePage({
     featureName,
 }: PayGatePageInterface): JSX.Element {
     const { upgradeLink } = useValues(billingLogic)
+    const is3000 = useFeatureFlag('POSTHOG_3000', 'test')
     featureName = featureName || identifierToHuman(featureKey, 'title')
 
     return (
@@ -46,7 +49,7 @@ export function PayGatePage({
                         center
                         data-attr={`${featureKey}-learn-more`}
                     >
-                        Learn more <IconOpenInNew style={{ marginLeft: 8 }} />
+                        Learn more {is3000 ? <IconOpenSidebar className="ml-2" /> : <IconOpenInNew className="ml-2" />}
                     </LemonButton>
                 )}
             </div>
diff --git a/frontend/src/lib/components/ProductIntroduction/ProductIntroduction.tsx b/frontend/src/lib/components/ProductIntroduction/ProductIntroduction.tsx
index 02e59aeca94db..8fb22529ac1db 100644
--- a/frontend/src/lib/components/ProductIntroduction/ProductIntroduction.tsx
+++ b/frontend/src/lib/components/ProductIntroduction/ProductIntroduction.tsx
@@ -1,4 +1,6 @@
+import { IconOpenSidebar } from '@posthog/icons'
 import { useActions } from 'kea'
+import { useFeatureFlag } from 'lib/hooks/useFeatureFlag'
 import { IconClose, IconOpenInNew, IconPlus } from 'lib/lemon-ui/icons'
 import { LemonButton } from 'lib/lemon-ui/LemonButton'
 import { userLogic } from 'scenes/userLogic'
@@ -37,6 +39,7 @@ export const ProductIntroduction = ({
     customHog?: React.ComponentType<{ className?: string }>
 }): JSX.Element => {
     const { updateHasSeenProductIntroFor } = useActions(userLogic)
+    const is3000 = useFeatureFlag('POSTHOG_3000', 'test')
     const actionable = action || actionElementOverride
     return (
         <div className="border-2 border-dashed border-border w-full p-8 justify-center rounded-md mt-2 mb-4">
@@ -103,12 +106,18 @@ export const ProductIntroduction = ({
                             <LemonButton
                                 type={actionable ? 'tertiary' : 'secondary'}
                                 status="muted"
-                                sideIcon={<IconOpenInNew className="w-4 h-4" />}
+                                sideIcon={
+                                    is3000 ? (
+                                        <IconOpenSidebar className="w-4 h-4" />
+                                    ) : (
+                                        <IconOpenInNew className="w-4 h-4" />
+                                    )
+                                }
                                 to={`${docsURL}?utm_medium=in-product&utm_campaign=empty-state-docs-link`}
                                 data-attr="product-introduction-docs-link"
                                 targetBlank
                             >
-                                Learn more about {productName}
+                                Learn more
                             </LemonButton>
                         )}
                     </div>
diff --git a/frontend/src/scenes/data-warehouse/external/DataWarehouseExternalScene.tsx b/frontend/src/scenes/data-warehouse/external/DataWarehouseExternalScene.tsx
index 2a1a171f7ce31..c7ff0d3dbd18b 100644
--- a/frontend/src/scenes/data-warehouse/external/DataWarehouseExternalScene.tsx
+++ b/frontend/src/scenes/data-warehouse/external/DataWarehouseExternalScene.tsx
@@ -74,7 +74,7 @@ export function DataWarehouseExternalScene(): JSX.Element {
             {(shouldShowProductIntroduction || shouldShowEmptyState) && (
                 <ProductIntroduction
                     productName={'Data Warehouse'}
-                    thingName={'data warehouse table'}
+                    thingName={'table'}
                     description={
                         'Bring your production database, revenue data, CRM contacts or any other data into PostHog.'
                     }