-
- {isPopup && onClose()} />}
-
- {header}
-
- {description &&
- renderChildrenAsTextOrHtml({
- component: h('div', { className: 'thank-you-message-body' }),
- children: description,
- renderAsHtml: !forceDisableHtml && contentType !== 'text',
- style: { color: textColor },
- })}
- {isPopup && (
- onClose()}
- />
- )}
-
+
+
+ {isPopup && onClose()} />}
+
+ {header}
+
+ {description &&
+ renderChildrenAsTextOrHtml({
+ component: h('div', { className: 'thank-you-message-body' }),
+ children: description,
+ renderAsHtml: !forceDisableHtml && contentType !== 'text',
+ style: { color: textColor },
+ })}
+ {isPopup && (
+ onClose()}
+ />
+ )}
- >
+
)
}
diff --git a/src/extensions/surveys/components/QuestionHeader.tsx b/src/extensions/surveys/components/QuestionHeader.tsx
index b13f3bb3d..ce4f6b336 100644
--- a/src/extensions/surveys/components/QuestionHeader.tsx
+++ b/src/extensions/surveys/components/QuestionHeader.tsx
@@ -1,8 +1,8 @@
-import { SurveyContext, defaultSurveyAppearance, renderChildrenAsTextOrHtml } from '../surveys-utils'
-import { cancelSVG } from '../icons'
+import { h } from 'preact'
import { useContext } from 'preact/hooks'
import { SurveyQuestionDescriptionContentType } from '../../../posthog-surveys-types'
-import { h } from 'preact'
+import { cancelSVG } from '../icons'
+import { SurveyContext, defaultSurveyAppearance, renderChildrenAsTextOrHtml } from '../surveys-utils'
export function QuestionHeader({
question,
@@ -35,8 +35,14 @@ export function Cancel({ onClick }: { onClick: () => void }) {
const { isPreviewMode } = useContext(SurveyContext)
return (
-
-