Trak delete (again).

src/components/gpx/GpxViewer.tsx

@@ -17,6 +17,7 @@ const GpxViewer: Component<Props> = ({ gpxId, restrictToHierarchy }) => {
   const title = () => {
     return gpx().metadata.name;
   };
+
   return (
     <Tree
       title={
@@ -30,8 +31,12 @@ const GpxViewer: Component<Props> = ({ gpxId, restrictToHierarchy }) => {
       content={undefined}
       subTree={
         <For
-          each={Object.keys(restrictToHierarchy).filter((key: string) =>
-            key.startsWith('gpx/')
+          each={Object.keys(restrictToHierarchy).filter(
+            (key: string) =>
+              key.startsWith('gpx/') &&
+              (gpx().trk?.includes(key) ||
+                gpx().wpt?.includes(key) ||
+                gpx().rte?.includes(key))
           )}
         >
           {(key: string) => {

src/components/trk/TrkViewer.tsx

@@ -1,4 +1,4 @@
-import { Component, createSignal, For, Show } from 'solid-js';
+import { Component, createEffect, createSignal, For, Show } from 'solid-js';
 import { peekCachedSignal } from '../../workers/cached-signals';
 import Tree from '../tree';
 import TrkIcon from '../../icons/human-footprints-svgrepo-com.svg?component-solid';
@@ -48,6 +48,10 @@ const TrkViewer: Component<Props> = ({ trkId, restrictToHierarchy }) => {
     setConfirmDelete(false);
   };
 
+  createEffect(() => {
+    console.log({ caller: 'TrkViewer / createEffect', trkId, trk: trk() });
+  });
+
   return (
     <>
       <Tree