From 39603c9c887e1c43d4eb78b9fdac24965d9d760b Mon Sep 17 00:00:00 2001
From: Oliver Stolpe <oliver.stolpe@bih-charite.de>
Date: Tue, 19 Mar 2024 18:03:10 +0100
Subject: [PATCH] fix: query presets cannot add new quick preset (#1164)
 (#1459)

---
 .../src/components/FilterApp/Header.vue       | 34 +++++++++++++------
 .../src/components/QueryPresets/SetEditor.vue |  2 +-
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/variants/vueapp/src/components/FilterApp/Header.vue b/variants/vueapp/src/components/FilterApp/Header.vue
index 178bc8a30..234ea3aec 100644
--- a/variants/vueapp/src/components/FilterApp/Header.vue
+++ b/variants/vueapp/src/components/FilterApp/Header.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch } from 'vue'
+import { ref, watch, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 
 import { useCaseListStore } from '@cases/stores/caseList'
@@ -24,24 +24,36 @@ const presetSetLoading = ref(false)
 /** The current preset set (if caseDetailsStore.caseObj.presetset !== null / factory presets). */
 const presetSetLabel = ref(null)
 /** Watch change of current case's preset set and load label if necessary. */
+const updatePresetSetLoading = async () => {
+  if (!caseDetailsStore?.caseObj?.presetset) {
+    return // short circuit in case of factory defaults
+  }
+  const queryPresetsClient = new QueryPresetsClient(caseListStore.csrfToken)
+  presetSetLoading.value = true
+  await queryPresetsClient
+    .retrievePresetSet(caseDetailsStore.caseObj.presetset)
+    .then((presetSet) => {
+      presetSetLabel.value = presetSet.label
+    })
+    .catch((err) => {
+      console.error('Problem retrieving preset set', err)
+    })
+    .finally(() => {
+      presetSetLoading.value = false
+    })
+}
 watch(
   () => caseDetailsStore?.caseObj?.presetset,
   async (newValue, _oldValue) => {
     if (!newValue) {
       return // short circuit in case of factory defaults
     }
-    const queryPresetsClient = new QueryPresetsClient(caseListStore.csrfToken)
-    presetSetLoading.value = true
-    try {
-      const presetSet = queryPresetsClient.retrievePresetSet(newValue)
-      presetSetLabel.value = presetSet.label
-    } catch (err) {
-      console.error('Problem retrieving preset set', err)
-    } finally {
-      presetSetLoading.value = false
-    }
+    await updatePresetSetLoading()
   },
 )
+onMounted(() => {
+  updatePresetSetLoading()
+})
 </script>
 
 <template>
diff --git a/variants/vueapp/src/components/QueryPresets/SetEditor.vue b/variants/vueapp/src/components/QueryPresets/SetEditor.vue
index 230f47595..30e7ee098 100644
--- a/variants/vueapp/src/components/QueryPresets/SetEditor.vue
+++ b/variants/vueapp/src/components/QueryPresets/SetEditor.vue
@@ -239,7 +239,7 @@ const handleAddClicked = async (category) => {
 
   try {
     let payload = { label }
-    if (category === 'frequencypresets') {
+    if (category === 'frequencypresets' || category === 'quickpresets') {
       payload = {
         label,
         frequency: null,