Minor modifications

src/components/dialog/Dialog.tsx

@@ -11,7 +11,7 @@ import CloseIcon from '@suid/icons-material/Close';
 const Dialog: Component<{
   open: boolean;
   title: JSXElement;
-  closeHandler: () => void;
+  closeHandler: (event: any, reason?: string) => void;
   children: JSXElement;
 }> = (props) => {
   return (

src/components/gpx-dialog/GpxDialog.tsx

@@ -53,8 +53,15 @@ const GpxDialog: Component<{}> = (props) => {
       gpx: gpx(),
     });
   };
-  const handleClose = () => {
+  const handleClose = (event: any, reason?: string) => {
-    setOpen(false);
+    console.log({
+      caller: 'GpxDialog / handleClose',
+      event,
+      reason,
+    });
+    if (reason === undefined) {
+      setOpen(false);
+    }
   };
   const gpxChangeHandler = async (event: any) => {
     setSelectedGpxId(event.target.value);
@@ -178,10 +185,9 @@ const GpxDialog: Component<{}> = (props) => {
             >
               <For each={allGpxes()}>
                 {(gpx) => (
-                  <option
+                  <option value={gpx.id} selected={gpx.id === selectedGpxId()}>
-                    value={gpx.id}
+                    {gpx.name || `${t('gpxNoName')} (${gpx.creator})`}
-                    selected={gpx.id === selectedGpxId()}
+                  </option>
-                  >{`${gpx.name || gpx.id} (${gpx.creator})`}</option>
                 )}
               </For>
             </NativeSelect>

src/components/gpx-import/GpxImport.tsx

@@ -71,8 +71,15 @@ const GpxImport: Component = () => {
     // }
   };
 
-  const handleClose = () => {
+  const handleClose = (event: any, reason?: string) => {
-    setFilesToImport(undefined);
+    console.log({
+      caller: 'GpxImport / handleClose',
+      event,
+      reason,
+    });
+    if (reason === undefined) {
+      setFilesToImport(undefined);
+    }
   };
 
   return (

src/i18n/en.ts

@@ -37,6 +37,7 @@ const dict = {
   gpxDialog: 'Current journey',
   gpxChooser: 'Journey',
   gpxName: 'Name',
+  gpxNoName:'No name',
   gpxDesc: 'Description',
   gpxTime: 'Start date',
   gpxSave: 'Save',

src/i18n/fr.ts

@@ -41,6 +41,7 @@ const dict = {
   gpxDialog: 'Voyage en cours',
   gpxChooser: 'Voyage',
   gpxName: 'Nom',
+  gpxNoName:'Pas de nom',
   gpxDesc: 'Description',
   gpxTime: 'Date de début',
   gpxSave: 'Sauvegarder',