Update UnsubscribeSurveyModal.tsx

PostHog · Aug 1, 2024 · 60e7c77 · 60e7c77
1 parent a343602
commit 60e7c77
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.tsx b/frontend/src/lib/lemon-ui/LemonCheckbox/LemonCheckbox.tsx
@@ -22,6 +22,7 @@ export interface LemonCheckboxProps {
     bordered?: boolean
     /** @deprecated See https://github.com/PostHog/posthog/pull/9357#pullrequestreview-933783868. */
     color?: string
+    dataAttr?: string
 }
 
 export interface BoxCSSProperties extends React.CSSProperties {
@@ -49,6 +50,7 @@ export function LemonCheckbox({
     bordered,
     color,
     size,
+    dataAttr,
 }: LemonCheckboxProps): JSX.Element {
     const indeterminate = checked === 'indeterminate'
     disabled = disabled || !!disabledReason
@@ -82,6 +84,7 @@ export function LemonCheckbox({
                     size && `LemonCheckbox--${size}`,
                     className
                 )}
+                data-attr={dataAttr}
             >
                 <input
                     className="LemonCheckbox__input"

diff --git a/frontend/src/scenes/billing/UnsubscribeSurveyModal.tsx b/frontend/src/scenes/billing/UnsubscribeSurveyModal.tsx
@@ -115,7 +115,7 @@ export const UnsubscribeSurveyModal = ({
                             bordered
                             key={reason}
                             label={reason}
-                            data-attr={`unsubscribe-reason-${reason.toLowerCase().replace(' ', '-')}`}
+                            dataAttr={`unsubscribe-reason-${reason.toLowerCase().replace(' ', '-')}`}
                             checked={surveyResponse['$survey_reasons'].includes(reason)}
                             onChange={() => toggleSurveyReason(reason)}
                             className="w-full"