Refactoring to watch WPT updates.

src/components/wpt/Wpt.tsx

@@ -1,4 +1,9 @@
-import { Component, createEffect, createResource } from 'solid-js';
+import {
+  Component,
+  createEffect,
+  createResource,
+  createSignal,
+} from 'solid-js';
 
 import dispatch from '../../workers/dispatcher-main';
 import VectorSource from 'ol/source/Vector';
@@ -12,15 +17,27 @@ interface Props {
 }
 
 export const Wpt: Component<Props> = ({ vectorSource, wptId: wptId }) => {
-  const [wpt] = createResource(
-    wptId,
-    async () =>
-      await dispatch({
-        action: 'getWpt',
-        params: {
-          id: wptId,
-        },
-      })
+  const [wpt, setWpt] = createSignal<Wpt>();
+
+  const wptCallBack = (error: any, result: any) => {
+    if (error) {
+      console.error({ caller: 'wptCallBack', error });
+    } else {
+      console.log({ caller: 'wptCallBack', result });
+      setWpt(result);
+    }
+  };
+
+  dispatch(
+    {
+      action: 'getAndWatch',
+      params: {
+        id: wptId,
+        method: 'getWpt',
+      },
+    },
+    wptCallBack,
+    true
   );
 
   createEffect(() => {