diff --git a/src/components/App.tsx b/src/components/App.tsx index 3f41f19b..5f011621 100644 --- a/src/components/App.tsx +++ b/src/components/App.tsx @@ -884,8 +884,7 @@ export default class App extends React.Component { }); } - onFileSelected = (e: File[]) => { - const file = e[0]; + setLocalPMTiles = (file: File) => { const pmt = new PMTiles(new FileSource(file)); this.setState({ localPMTiles: pmt @@ -906,7 +905,7 @@ export default class App extends React.Component { onStyleOpen={this.onStyleChanged} onSetMapState={this.setMapState} onToggleModal={this.toggleModal.bind(this)} - onFileSelected={this.onFileSelected} + setLocalPMTiles={this.setLocalPMTiles} /> const layerList = { @@ -137,6 +137,11 @@ class AppToolbarInternal extends React.Component { } } + onFileSelected = (e: File[]) => { + const file = e[0]; + this.props.setLocalPMTiles(file); + } + render() { const t = this.props.t; const views = [ @@ -293,7 +298,7 @@ class AppToolbarInternal extends React.Component { {t("Help")} - + {({getRootProps, getInputProps}) => (