From 2cddb463a07d33674bc2f7f60ad6d156d124febb Mon Sep 17 00:00:00 2001
From: Li Yi Yu <li@posthog.com>
Date: Wed, 18 Oct 2023 11:17:32 -0400
Subject: [PATCH] chore(surveys): add surveys opt in to onboarding ingestion
 (#18045)

---
 .../ingestion/panels/SuperpowersPanel.tsx     | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/frontend/src/scenes/ingestion/panels/SuperpowersPanel.tsx b/frontend/src/scenes/ingestion/panels/SuperpowersPanel.tsx
index 5ec5cad19e87e..faabd060340b8 100644
--- a/frontend/src/scenes/ingestion/panels/SuperpowersPanel.tsx
+++ b/frontend/src/scenes/ingestion/panels/SuperpowersPanel.tsx
@@ -12,6 +12,7 @@ export function SuperpowersPanel(): JSX.Element {
     const { completeOnboarding } = useActions(ingestionLogic)
     const [sessionRecordingsChecked, setSessionRecordingsChecked] = useState(true)
     const [autocaptureChecked, setAutocaptureChecked] = useState(true)
+    const [surveysChecked, setSurveysChecked] = useState(true)
 
     return (
         <CardContainer
@@ -22,6 +23,7 @@ export function SuperpowersPanel(): JSX.Element {
                     capture_console_log_opt_in: sessionRecordingsChecked,
                     capture_performance_opt_in: sessionRecordingsChecked,
                     autocapture_opt_out: !autocaptureChecked,
+                    surveys_opt_in: surveysChecked,
                 })
                 if (!showBillingStep) {
                     completeOnboarding()
@@ -82,6 +84,25 @@ export function SuperpowersPanel(): JSX.Element {
                     directly in your code snippet.
                 </p>
             </div>
+            <div>
+                <LemonSwitch
+                    data-attr="opt-in-surveys-switch"
+                    onChange={(checked) => {
+                        setSurveysChecked(checked)
+                    }}
+                    label="Get qualitative feedback from your users"
+                    fullWidth={true}
+                    labelClassName={'text-base font-semibold'}
+                    checked={surveysChecked}
+                />
+                <p className="prompt-text ml-0">
+                    Collect feedback from your users directly in your product.{' '}
+                    <Link to={'https://posthog.com/docs/surveys'} target="blank">
+                        Learn more
+                    </Link>{' '}
+                    about Surveys.
+                </p>
+            </div>
         </CardContainer>
     )
 }