Refactoring to implement visualization and edition features.

src/components/trkseg/Trkseg.tsx

@@ -3,6 +3,10 @@ import { Component, createEffect, createSignal, onCleanup } from 'solid-js';
 import dispatch, { cancelDispatch } from '../../workers/dispatcher-main';
 import VectorSource from 'ol/source/Vector';
 import GeoJSON from 'ol/format/GeoJSON';
+import {
+  createCachedSignal,
+  destroyCachedSignal,
+} from '../../workers/cached-signals';
 
 interface Props {
   trksegId: string;
@@ -15,42 +19,14 @@ export const Trkseg: Component<Props> = ({
   trksegId,
   context,
 }) => {
-  const [trkseg, setTrkseg] = createSignal<Trkseg>();
-  const [dispatchId, setDispatchId] = createSignal<number>(-1);
-
-  const trksegCallBack = (error: any, result: any, id?: number) => {
-    if (error) {
-      console.error({ caller: 'trksegCallBack', error });
-    } else {
-      console.log({ caller: 'trksegCallBack', result });
-      setTrkseg(result);
-    }
-    if (id) {
-      setDispatchId(id);
-    }
+  const params = {
+    id: trksegId,
+    method: 'getTrkseg',
   };
-
-  dispatch(
-    {
-      action: 'getAndWatch',
-      params: {
-        id: trksegId,
-        method: 'getTrkseg',
-      },
-    },
-    trksegCallBack,
-    true
-  );
+  const trkseg = createCachedSignal(params);
 
   onCleanup(() => {
-    dispatch({
-      action: 'cancelWatch',
-      params: {
-        id: trksegId,
-        method: 'getTrkseg',
-      },
-    });
-    cancelDispatch(dispatchId());
+    destroyCachedSignal(params);
   });
 
   createEffect(() => {