Add 1000 char limit to questions & answers
This commit is contained in:
parent
97ea155905
commit
bb8bc2fe32
|
@ -6,6 +6,7 @@ import { Button } from 'react-native-paper';
|
||||||
|
|
||||||
import { Icon, IconClose } from '../../../base/icons';
|
import { Icon, IconClose } from '../../../base/icons';
|
||||||
import { BUTTON_MODES } from '../../../chat/constants';
|
import { BUTTON_MODES } from '../../../chat/constants';
|
||||||
|
import { CHAR_LIMIT } from '../../constants';
|
||||||
import AbstractPollCreate from '../AbstractPollCreate';
|
import AbstractPollCreate from '../AbstractPollCreate';
|
||||||
import type { AbstractProps } from '../AbstractPollCreate';
|
import type { AbstractProps } from '../AbstractPollCreate';
|
||||||
|
|
||||||
|
@ -105,6 +106,7 @@ const PollCreate = (props: AbstractProps) => {
|
||||||
style = { dialogStyles.optionContainer }>
|
style = { dialogStyles.optionContainer }>
|
||||||
<TextInput
|
<TextInput
|
||||||
blurOnSubmit = { false }
|
blurOnSubmit = { false }
|
||||||
|
maxLength = { CHAR_LIMIT }
|
||||||
multiline = { true }
|
multiline = { true }
|
||||||
onChangeText = { text => setAnswer(index, text) }
|
onChangeText = { text => setAnswer(index, text) }
|
||||||
onKeyPress = { ev => onAnswerKeyDown(index, ev) }
|
onKeyPress = { ev => onAnswerKeyDown(index, ev) }
|
||||||
|
@ -125,6 +127,7 @@ const PollCreate = (props: AbstractProps) => {
|
||||||
<TextInput
|
<TextInput
|
||||||
autoFocus = { true }
|
autoFocus = { true }
|
||||||
blurOnSubmit = { false }
|
blurOnSubmit = { false }
|
||||||
|
maxLength = { CHAR_LIMIT }
|
||||||
multiline = { true }
|
multiline = { true }
|
||||||
onChangeText = { setQuestion }
|
onChangeText = { setQuestion }
|
||||||
onSubmitEditing = { onQuestionKeyDown }
|
onSubmitEditing = { onQuestionKeyDown }
|
||||||
|
|
|
@ -4,10 +4,10 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
|
||||||
|
|
||||||
import { Icon, IconMenu } from '../../../base/icons';
|
import { Icon, IconMenu } from '../../../base/icons';
|
||||||
import { Tooltip } from '../../../base/tooltip';
|
import { Tooltip } from '../../../base/tooltip';
|
||||||
|
import { CHAR_LIMIT } from '../../constants';
|
||||||
import AbstractPollCreate from '../AbstractPollCreate';
|
import AbstractPollCreate from '../AbstractPollCreate';
|
||||||
import type { AbstractProps } from '../AbstractPollCreate';
|
import type { AbstractProps } from '../AbstractPollCreate';
|
||||||
|
|
||||||
|
|
||||||
const PollCreate = (props: AbstractProps) => {
|
const PollCreate = (props: AbstractProps) => {
|
||||||
|
|
||||||
|
|
||||||
|
@ -158,6 +158,7 @@ const PollCreate = (props: AbstractProps) => {
|
||||||
<textarea
|
<textarea
|
||||||
autoFocus = { true }
|
autoFocus = { true }
|
||||||
className = 'expandable-input'
|
className = 'expandable-input'
|
||||||
|
maxLength = { CHAR_LIMIT }
|
||||||
onChange = { ev => setQuestion(ev.target.value) }
|
onChange = { ev => setQuestion(ev.target.value) }
|
||||||
onInput = { autogrow }
|
onInput = { autogrow }
|
||||||
onKeyDown = { onQuestionKeyDown }
|
onKeyDown = { onQuestionKeyDown }
|
||||||
|
@ -178,6 +179,7 @@ const PollCreate = (props: AbstractProps) => {
|
||||||
<div className = 'poll-create-option-row'>
|
<div className = 'poll-create-option-row'>
|
||||||
<textarea
|
<textarea
|
||||||
className = 'expandable-input'
|
className = 'expandable-input'
|
||||||
|
maxLength = { CHAR_LIMIT }
|
||||||
onChange = { ev => setAnswer(i, ev.target.value) }
|
onChange = { ev => setAnswer(i, ev.target.value) }
|
||||||
onInput = { autogrow }
|
onInput = { autogrow }
|
||||||
onKeyDown = { ev => onAnswerKeyDown(i, ev) }
|
onKeyDown = { ev => onAnswerKeyDown(i, ev) }
|
||||||
|
|
|
@ -3,3 +3,5 @@
|
||||||
export const COMMAND_NEW_POLL = 'new-poll';
|
export const COMMAND_NEW_POLL = 'new-poll';
|
||||||
export const COMMAND_ANSWER_POLL = 'answer-poll';
|
export const COMMAND_ANSWER_POLL = 'answer-poll';
|
||||||
export const COMMAND_OLD_POLLS = 'old-polls';
|
export const COMMAND_OLD_POLLS = 'old-polls';
|
||||||
|
|
||||||
|
export const CHAR_LIMIT = 1000;
|
||||||
|
|
Loading…
Reference in New Issue