Creating a <AllGpxes> component.

src/components/all-gpxes/AllGpxes.tsx

@@ -0,0 +1,33 @@
+import {
+  Component,
+  createEffect,
+  createResource,
+  createSignal,
+} from 'solid-js';
+
+import OlMap from 'ol/Map';
+
+import dispatch from '../../workers/dispatcher-main';
+// import Gpx from './Gpx';
+
+interface Props {
+  map: OlMap | null;
+}
+
+export const AllGpxes: Component<Props> = ({ map }) => {
+  const [allGpxes] = createResource(
+    async () =>
+      await dispatch({
+        action: 'getAllGpxes',
+        params: {},
+      })
+  );
+
+  createEffect(() => {
+    console.log({ caller: 'AllGpxes', allGpxes: allGpxes() });
+  });
+
+  return <></>;
+};
+
+export default AllGpxes;

src/components/all-gpxes/index.ts

@@ -0,0 +1 @@
+export { default } from './AllGpxes';

src/components/map/Map.tsx

@@ -22,6 +22,7 @@ import GetLocation, { getCurrentLocation } from '../get-location';
 import ShowLocationIcon from '../get-location/ShowLocationIcon.svg';
 import { Back, Forward } from '../back-forward';
 import GpxImport from '../gpx-import';
+import AllGpxes from '../all-gpxes';
 
 const [getState, setState] = createSignal({
   lon: 0,
@@ -184,6 +185,7 @@ const Map: Component = () => {
       <Forward />
       <Back />
       <GpxImport />
+      <AllGpxes map={getMap()} />
     </div>
   );
 };