Improving TrkSegViewer

src/components/display-or-get-address/DisplayOrGetAddress.tsx

@@ -8,7 +8,7 @@ import { useI18n } from '@solid-primitives/i18n';
 import dispatch from '../../workers/dispatcher-main';
 
 interface Props {
-  target: any;
+  target: () => any;
   putAction: string;
   putParamName: string;
 }
@@ -20,14 +20,14 @@ const DisplayOrGetAddress: Component<Props> = ({
 }) => {
   const [t, { add, locale, dict }] = useI18n();
 
-  const findClickHandlerFactory = (target: any) => async () => {
-    const address = await findAddress(target.$.lon, target.$.lat, locale);
-    const updatedTarget = cloneDeep(target);
+  const findClickHandler = async () => {
+    const address = await findAddress(target().$.lon, target().$.lat, locale);
+    const updatedTarget = cloneDeep(target());
     if (updatedTarget.extensions === undefined) {
       updatedTarget.extensions = {};
     }
     updatedTarget.extensions.address = address;
-    const params: any = { id: target.id };
+    const params: any = { id: target().id };
     params[putParamName] = updatedTarget;
     dispatch({
       action: putAction,
@@ -37,14 +37,14 @@ const DisplayOrGetAddress: Component<Props> = ({
 
   return (
     <Show
-      when={target.extensions?.address}
+      when={target().extensions?.address}
       fallback={
-        <IconButton color='primary' onClick={findClickHandlerFactory(target)}>
+        <IconButton color='primary' onClick={findClickHandler}>
           <SearchIcon />
         </IconButton>
       }
     >
-      <>{getVillageOrTown(target.extensions?.address)}</>
+      <>{getVillageOrTown(target().extensions?.address)}</>
     </Show>
   );
 };