schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2025-01-30 15:05:29 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Also validate on constructor

Browse source
This commit is contained in:
orangemug 2019-10-27 17:27:50 +00:00
parent a51442921a
commit f0371b41b1
1 changed files with 36 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/components/inputs/UrlInput.jsx
View file

@ -3,22 +3,8 @@ import PropTypes from 'prop-types'
import StringInput from './StringInput'
import SmallError from '../util/SmallError'
class UrlInput extends React.Component {
static propTypes = {
"data-wd-key": PropTypes.string,
value: PropTypes.string,
style: PropTypes.object,
default: PropTypes.string,
onChange: PropTypes.func,
multi: PropTypes.bool,
required: PropTypes.bool,
}
state = {
error: null,
}
onInput = (url) => {
function validate (url) {
let error;
const getProtocol = (url) => {
try {
@ -42,7 +28,31 @@ class UrlInput extends React.Component {
);
}
this.setState({error});
return error;
}
class UrlInput extends React.Component {
static propTypes = {
"data-wd-key": PropTypes.string,
value: PropTypes.string,
style: PropTypes.object,
default: PropTypes.string,
onChange: PropTypes.func,
multi: PropTypes.bool,
required: PropTypes.bool,
}
constructor (props) {
super(props);
this.state = {
error: validate(props.value)
};
}
onInput = (url) => {
this.setState({
error: validate(url)
});
}
render () {