fix: trim input for polls

100mslive · Mar 6, 2024 · 9707681 · 9707681
1 parent 4ccc77e
commit 9707681
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/roomkit-react/src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx b/packages/roomkit-react/src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
@@ -140,7 +140,7 @@ const AddMenu = () => {
           type="text"
           placeholder="Enter a name to continue"
           value={title}
-          onChange={event => setTitle(event.target.value)}
+          onChange={event => setTitle(event.target.value.trimStart())}
           css={{
             backgroundColor: '$surface_bright',
             border: '1px solid $border_default',

diff --git a/packages/roomkit-react/src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx b/packages/roomkit-react/src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
@@ -159,7 +159,7 @@ export const QuestionForm = ({
           maxHeight: '$32',
         }}
         value={text}
-        onChange={event => setText(event.target.value)}
+        onChange={event => setText(event.target.value.trimStart())}
       />
       <Text variant="xs" css={{ color: '$on_surface_medium', textAlign: 'end', mt: '$4' }}>
         {text?.length || 0}/1024

diff --git a/packages/roomkit-react/src/Prebuilt/components/Polls/common/OptionInputWithDelete.tsx b/packages/roomkit-react/src/Prebuilt/components/Polls/common/OptionInputWithDelete.tsx
@@ -27,7 +27,7 @@ export const OptionInputWithDelete = ({
         }}
         value={option?.text || ''}
         key={index}
-        onChange={event => handleOptionTextChange(index, event.target.value)}
+        onChange={event => handleOptionTextChange(index, event.target.value.trimStart())}
       />
       <IconButton onClick={() => removeOption(index)} css={{ bg: 'transparent', border: 'none' }}>
         <TrashIcon />