Use active display type items as watch for tab switch

Deltares · Jun 19, 2024 · a768aa6 · a768aa6
1 parent e4ed16e
commit a768aa6
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/spatialdisplay/SpatialTimeSeriesDisplay.vue b/src/components/spatialdisplay/SpatialTimeSeriesDisplay.vue
@@ -134,11 +134,6 @@ interface DisplayTypeItem {
   value: DisplayType
 }
 
-watch(elevationChartDisplayconfig, () => {
-  if (displayType.value === DisplayType.ElevationChart) {
-    displayType.value = DisplayType.TimeSeriesChart
-  }
-})
 const displayType = ref(DisplayType.TimeSeriesChart)
 const displayTypeItems = computed<DisplayTypeItem[]>(() => {
   const displayItems: DisplayTypeItem[] = [
@@ -165,6 +160,13 @@ const displayTypeItems = computed<DisplayTypeItem[]>(() => {
   return displayItems
 })
 
+watch(displayTypeItems, () => {
+  const activeItems = displayTypeItems.value.map((dt) => dt.value)
+  if (!activeItems.includes(displayType.value)) {
+    displayType.value = activeItems[0]
+  }
+})
+
 function onClose(): void {
   emit('close')
 }