schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-11-10 11:37:45 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added <UrlInput/> to open modal.

Browse source
This commit is contained in:
orangemug 2019-10-27 17:36:20 +00:00
parent e728e5f7e4
commit 2e017d252a
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/modals/OpenModal.jsx
View file

@ -4,6 +4,7 @@ import LoadingModal from './LoadingModal'
import Modal from './Modal'
import Button from '../Button'
import FileReaderInput from 'react-file-reader-input'
import UrlInput from '../inputs/UrlInput'
import {MdFileUpload} from 'react-icons/md'
import {MdAddCircleOutline} from 'react-icons/md'
@ -160,9 +161,9 @@ class OpenModal extends React.Component {
this.props.onOpenToggle();
}
onChangeUrl = () => {
onChangeUrl = (url) => {
this.setState({
styleUrl: this.styleUrlElement.value
styleUrl: url,
});
}
@ -209,14 +210,13 @@ class OpenModal extends React.Component {
<p>
Load from a URL. Note that the URL must have <a href="https://enable-cors.org" target="_blank" rel="noopener noreferrer">CORS enabled</a>.
</p>
<input
<UrlInput
data-wd-key="open-modal.url.input"
type="text"
ref={(input) => this.styleUrlElement = input}
className="maputnik-input"
placeholder="Enter URL..."
default="Enter URL..."
value={this.state.styleUrl}
onChange={this.onChangeUrl}
onInput={this.onChangeUrl}
/>
<div>
<Button