From a2572c2f5b5153ec519c855ebba16c278799fac0 Mon Sep 17 00:00:00 2001
From: prusswan <prusswan@gmail.com>
Date: Sun, 26 Jan 2025 17:30:23 +0800
Subject: [PATCH] moved Dropzone's onDrop handler to AppToolbar

---
 src/components/App.tsx        | 8 +++-----
 src/components/AppToolbar.tsx | 9 +++++++--
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 3f41f19b..f075624e 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -884,11 +884,9 @@ export default class App extends React.Component<any, AppState> {
     });
   }
 
-  onFileSelected = (e: File[]) => {
-    const file = e[0];
-    const pmt = new PMTiles(new FileSource(file));
+  onLocalPMTilesSelected = (file: File) => {
     this.setState({
-      localPMTiles: pmt
+      localPMTiles: new PMTiles(new FileSource(file))
     })
   }
 
@@ -906,7 +904,7 @@ export default class App extends React.Component<any, AppState> {
       onStyleOpen={this.onStyleChanged}
       onSetMapState={this.setMapState}
       onToggleModal={this.toggleModal.bind(this)}
-      onFileSelected={this.onFileSelected}
+      onLocalPMTilesSelected={this.onLocalPMTilesSelected}
     />
 
     const layerList = <LayerList
diff --git a/src/components/AppToolbar.tsx b/src/components/AppToolbar.tsx
index 861944e6..fc690378 100644
--- a/src/components/AppToolbar.tsx
+++ b/src/components/AppToolbar.tsx
@@ -105,7 +105,7 @@ type AppToolbarInternalProps = {
   onSetMapState(mapState: MapState): unknown
   mapState?: MapState
   renderer?: string
-  onFileSelected(...args: unknown[]): unknown
+  onLocalPMTilesSelected(file: 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.onLocalPMTilesSelected(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()} />