moved Dropzone's onDrop handler to AppToolbar

Author: prusswan

src/components/App.tsx

@@ -884,8 +884,7 @@ export default class App extends React.Component<any, AppState> {
     });
   }
 
-  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<any, AppState> {
       onStyleOpen={this.onStyleChanged}
       onSetMapState={this.setMapState}
       onToggleModal={this.toggleModal.bind(this)}
-      onFileSelected={this.onFileSelected}
+      setLocalPMTiles={this.setLocalPMTiles}
     />
 
     const layerList = <LayerList

src/components/AppToolbar.tsx

@@ -105,7 +105,7 @@ type AppToolbarInternalProps = {
   onSetMapState(mapState: MapState): unknown
   mapState?: MapState
   renderer?: string
-  onFileSelected(...args: unknown[]): unknown
+  setLocalPMTiles(...args: File[]): unknown
 } & WithTranslation;
 
 class AppToolbarInternal extends React.Component<AppToolbarInternalProps> {
@@ -137,6 +137,11 @@ class AppToolbarInternal extends React.Component<AppToolbarInternalProps> {
     }
   }
 
+  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<AppToolbarInternalProps> {
             <IconText>{t("Help")}</IconText>
           </ToolbarLink>
 
-          <Dropzone onDrop={this.props.onFileSelected}>
+          <Dropzone onDrop={this.onFileSelected}>
             {({getRootProps, getInputProps}) => (
               <div {...getRootProps({className: 'dropzone maputnik-toolbar-link'})}>
                 <input {...getInputProps()} />