Refreshing GPX list after importing a new GPX.

src/components/all-gpxes/AllGpxes.tsx

@@ -9,15 +9,15 @@ interface Props {
   map: () => OlMap | null;
 }
 
-export const AllGpxes: Component<Props> = ({ map }) => {
-  const [allGpxIds] = createResource(
-    async () =>
-      await dispatch({
-        action: 'getAllGpxes',
-        params: {},
-      })
-  );
+const [allGpxIds, { refetch }] = createResource(
+  async () =>
+    await dispatch({
+      action: 'getAllGpxes',
+      params: {},
+    })
+);
 
+export const AllGpxes: Component<Props> = ({ map }) => {
   createEffect(() => {
     console.log({ caller: 'AllGpxes', allGpxes: allGpxIds(), map: map() });
   });
@@ -34,3 +34,4 @@ export const AllGpxes: Component<Props> = ({ map }) => {
 };
 
 export default AllGpxes;
+export { refetch };

src/components/all-gpxes/index.ts

@@ -1 +1 @@
-export { default } from './AllGpxes';
+export { default, refetch as refetchGpxList } from './AllGpxes';

src/components/gpx-import/GpxImport.tsx

@@ -9,6 +9,7 @@ import css from './GpxImport.module.css';
 import { findStartTime } from '../../lib/gpx';
 import dispatch from '../../workers/dispatcher-main';
 import { intToGpxId } from '../../lib/ids';
+import { refetchGpxList } from '../all-gpxes';
 
 const GpxImport: Component = () => {
   const onChangeHandler = (event: any) => {
@@ -39,6 +40,7 @@ const GpxImport: Component = () => {
             },
           },
         });
+        refetchGpxList();
       },
       false
     );