38 lines
914 B
JavaScript
38 lines
914 B
JavaScript
import { Input as AntInput } from 'antd';
|
|
import { useStatus } from 'client/hooks/useStatus';
|
|
import { useStoreValue } from 'client/hooks/useStoreValue';
|
|
import { Status } from 'core/types/statuses';
|
|
import { observer } from 'mobx-react';
|
|
import React from 'react';
|
|
import { TEXT_INPUT_DEBOUNCE_DELAY } from 'core/constants/debounce';
|
|
|
|
const TextArea = ({
|
|
name,
|
|
readonly,
|
|
placeholder,
|
|
valueName,
|
|
computedValue
|
|
}) => {
|
|
const { value, setCurrentValue } = useStoreValue({
|
|
computedValue,
|
|
valueName,
|
|
debounceDelay: TEXT_INPUT_DEBOUNCE_DELAY
|
|
});
|
|
const { status } = useStatus(name);
|
|
|
|
return (
|
|
<AntInput.TextArea
|
|
style={{
|
|
height: '150px'
|
|
}}
|
|
disabled={status === Status.Disabled}
|
|
readOnly={readonly}
|
|
placeholder={placeholder}
|
|
value={value}
|
|
onChange={e => setCurrentValue(e.target.value)}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default observer(TextArea);
|