make suffix an element

PostHog · Jan 2, 2024 · bf7cb8c · bf7cb8c
1 parent ecbc704
commit bf7cb8c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/lib/lemon-ui/LemonInput/LemonInput.tsx b/frontend/src/lib/lemon-ui/LemonInput/LemonInput.tsx
@@ -33,7 +33,7 @@ interface LemonInputPropsBase
     /** Element to prefix input field */
     prefix?: React.ReactElement | null
     /** Element to suffix input field */
-    suffix?: React.ReactElement | string | null
+    suffix?: React.ReactElement | null
     /** Whether input field is disabled */
     disabled?: boolean
     /** Whether input field is full width */

diff --git a/frontend/src/scenes/experiments/ExperimentPreview.tsx b/frontend/src/scenes/experiments/ExperimentPreview.tsx
@@ -141,7 +141,7 @@ export function ExperimentPreview({
                                 min={1}
                                 max={sliderMaxValue}
                                 defaultValue={5}
-                                suffix="%"
+                                suffix={<span>%</span>}
                                 value={minimumDetectableChange}
                                 onChange={(value) => {
                                     setExperiment({

diff --git a/frontend/src/scenes/feature-flags/FeatureFlagReleaseConditions.tsx b/frontend/src/scenes/feature-flags/FeatureFlagReleaseConditions.tsx
@@ -258,7 +258,7 @@ export function FeatureFlagReleaseConditions({
                                     value={group.rollout_percentage != null ? group.rollout_percentage : 100}
                                     min={0}
                                     max={100}
-                                    suffix="%"
+                                    suffix={<span>%</span>}
                                 />{' '}
                                 of <b>{aggregationTargetName}</b> in this set.{' '}
                             </div>