Use string port

This commit is contained in:
Ken-Håvard Lieng 2020-05-10 02:53:39 +02:00
parent eb7545455c
commit 8fa91ac470
6 changed files with 84 additions and 93 deletions

View file

@ -41,10 +41,10 @@ class Connect extends Component {
handleSSLChange = e => {
const { values, setFieldValue } = this.props;
if (e.target.checked && values.port === 6667) {
setFieldValue('port', 6697, false);
} else if (!e.target.checked && values.port === 6697) {
setFieldValue('port', 6667, false);
if (e.target.checked && values.port === '6667') {
setFieldValue('port', '6697', false);
} else if (!e.target.checked && values.port === '6697') {
setFieldValue('port', '6667', false);
}
};
@ -66,7 +66,7 @@ class Connect extends Component {
transformPort = port => {
if (!port) {
return this.props.values.tls ? 6697 : 6667;
return this.props.values.tls ? '6697' : '6667';
}
return port;
};

View file

@ -4,24 +4,6 @@ import classnames from 'classnames';
import capitalize from 'lodash/capitalize';
import Error from 'components/ui/formik/Error';
const getValue = (e, trim) => {
let v = e.target.value;
if (trim) {
v = v.trim();
}
if (e.target.type === 'number') {
v = parseFloat(v);
/* eslint-disable-next-line no-self-compare */
if (v !== v) {
v = '';
}
}
return v;
};
export default class TextInput extends PureComponent {
constructor(props) {
super(props);
@ -85,7 +67,12 @@ export default class TextInput extends PureComponent {
{...field}
{...props}
onChange={e => {
let v = getValue(e, !noTrim);
let v = e.target.value;
if (!noTrim) {
v = v.trim();
}
if (transform) {
v = transform(v);
}
@ -99,18 +86,18 @@ export default class TextInput extends PureComponent {
}
}}
onBlur={e => {
if (blurTransform) {
const v = blurTransform(getValue(e));
if (v && v !== field.value) {
form.setFieldValue(name, v, false);
}
}
field.onBlur(e);
if (props.onBlur) {
props.onBlur(e);
}
if (blurTransform) {
const v = blurTransform(e.target.value);
if (v && v !== field.value) {
form.setFieldValue(name, v);
}
}
}}
/>
<span