fix(surveys): fix survey template (#18034)

* fix(surveys): fix survey template * fix appearance * Update UI snapshots for `chromium` (2) * make emoji colors darker --------- Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
PostHog · Oct 17, 2023 · 3e7c837 · 3e7c837
1 parent 1ef8814
commit 3e7c837
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/frontend/__snapshots__/scenes-app-surveys--survey-templates.png b/frontend/__snapshots__/scenes-app-surveys--survey-templates.png
diff --git a/frontend/src/scenes/surveys/SurveyTemplates.tsx b/frontend/src/scenes/surveys/SurveyTemplates.tsx
@@ -1,6 +1,6 @@
 import { SceneExport } from 'scenes/sceneTypes'
 import { SurveyAppearance } from './SurveyAppearance'
-import { defaultSurveyTemplates } from './constants'
+import { defaultSurveyTemplates, defaultSurveyAppearance } from './constants'
 import { SurveyQuestion } from '~/types'
 import './SurveyTemplates.scss'
 import { useActions } from 'kea'
@@ -36,7 +36,11 @@ export function SurveyTemplates(): JSX.Element {
                             data-attr="survey-template"
                             key={idx}
                             onClick={() => {
-                                setSurveyTemplateValues({ name: template.type, questions: template.questions })
+                                setSurveyTemplateValues({
+                                    name: template.type,
+                                    questions: template.questions,
+                                    appearance: { ...defaultSurveyAppearance, ...template.appearance },
+                                })
                                 reportSurveyTemplateClicked(template.type)
                             }}
                         >
@@ -52,7 +56,11 @@ export function SurveyTemplates(): JSX.Element {
                                         key={idx}
                                         type={template.questions[0].type}
                                         question={template.questions[0].question}
-                                        appearance={{ whiteLabel: true, ...template.appearance }}
+                                        appearance={{
+                                            ...defaultSurveyAppearance,
+                                            whiteLabel: true,
+                                            ...template.appearance,
+                                        }}
                                         surveyQuestionItem={template.questions[0] as SurveyQuestion}
                                     />
                                 </div>

diff --git a/frontend/src/scenes/surveys/constants.tsx b/frontend/src/scenes/surveys/constants.tsx
@@ -210,6 +210,7 @@ export const defaultSurveyTemplates = [
             },
         ],
         description: 'Works best after a checkout or support flow.',
+        appearance: { ratingButtonColor: '#939393' },
     },
     {
         type: SurveyTemplateType.CES,
@@ -225,6 +226,7 @@ export const defaultSurveyTemplates = [
             },
         ],
         description: 'Works well with churn surveys.',
+        appearance: { ratingButtonColor: '#939393' },
     },
     {
         type: SurveyTemplateType.CCR,