Only get component settings id from leaf nodes

src/views/DashboardView.vue

@@ -9,11 +9,9 @@ import DashboardDisplay from '@/components/general/DashboardDisplay.vue'
 import type { TopologyNode } from '@deltares/fews-pi-requests'
 import { useDashboard } from '@/services/useDashboard'
 import { configManager } from '@/services/application-config'
-import type { ComponentSettings } from '@/lib/topology/componentSettings'
 
 interface Props {
   topologyNode?: TopologyNode
-  settings?: ComponentSettings
 }
 
 const props = defineProps<Props>()

src/views/TopologyDisplayView.vue

@@ -269,28 +269,11 @@ function updateItems(): void {
 watch(subNodes, updateItems)
 watch(thresholds, updateItems)
 
-const topologyComponentSettingIds = computed(() => {
-  if (!topologyNode.value) return []
-
-  const ids: string[] = []
-  let node: TopologyNode | undefined = topologyNode.value
-  while (node) {
-    // @ts-expect-error FIXME: Update when the types are updated
-    const componentSettingsId = node.componentSettingsId as string | undefined
-
-    if (componentSettingsId) {
-      ids.push(componentSettingsId)
-    }
-
-    node = topologyNodesStore.getParentNodeById(node.id)
-  }
-  return ids.toReversed()
-})
-
 const { componentSettings } = useComponentSettings(baseUrl, () => [
   // @ts-expect-error FIXME: Update when the types are updated
-  topologyComponentConfig.value.componentSettingsId,
-  ...topologyComponentSettingIds.value,
+  topologyComponentConfig.value?.componentSettingsId,
+  // @ts-expect-error FIXME: Update when the types are updated
+  topologyNode.value?.componentSettingsId,
 ])
 
 // Update the displayTabs if the active node changes (or if the topologyMap changes).