Minor modifications

src/components/gpx-dialog/GpxDialog.tsx

@@ -53,8 +53,15 @@ const GpxDialog: Component<{}> = (props) => {
       gpx: gpx(),
     });
   };
-  const handleClose = () => {
-    setOpen(false);
+  const handleClose = (event: any, reason?: string) => {
+    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
-                    value={gpx.id}
-                    selected={gpx.id === selectedGpxId()}
-                  >{`${gpx.name || gpx.id} (${gpx.creator})`}</option>
+                  <option value={gpx.id} selected={gpx.id === selectedGpxId()}>
+                    {gpx.name || `${t('gpxNoName')} (${gpx.creator})`}
+                  </option>
                 )}
               </For>
             </NativeSelect>