feat: impact not updated when quick presets are updated (#2014)

frontend/src/cases/views/CaseList/CaseList.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
 import { VueQueryDevtools } from '@tanstack/vue-query-devtools'
 import { ref } from 'vue'
+import { onMounted } from 'vue'
 
 import CaseListQc from '@/cases/components/CaseListQc/CaseListQc.vue'
 import CaseListTable from '@/cases/components/CaseListTable/CaseListTable.vue'
 import TheAppBar from '@/cases/components/TheAppBar/TheAppBar.vue'
 import TheNavBar from '@/cases/components/TheNavBar/TheNavBar.vue'
+import { useCaseListStore } from '@/cases/stores/caseList'
 import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
 import QueryPresets from '@/variants/components/QueryPresets.vue'
 
@@ -20,6 +22,8 @@ const props = defineProps<{
   presetSet?: string
 }>()
 
+const caseListStore = useCaseListStore()
+
 // Whether to hide the navigation bar; component state.
 const navbarShown = ref<boolean>(true)
 /** Messages to display in VSnackbarQueue; component state. */
@@ -29,6 +33,10 @@ const messages = ref<SnackbarMessage[]>([])
 const queueMessage = (message: SnackbarMessage) => {
   messages.value.push(message)
 }
+
+onMounted(async () => {
+  await caseListStore.initialize(props.projectUuid)
+})
 </script>
 
 <template>
@@ -95,7 +103,7 @@ const queueMessage = (message: SnackbarMessage) => {
           <CaseListQc />
         </div>
         <div v-else-if="props.currentTab === Tab.QUERY_PRESETS">
-          <QueryPresets :preset-set="presetSet" />
+          <QueryPresets :project-uuid="projectUuid" :preset-set="presetSet" />
         </div>
         <div v-else>
           <v-alert type="error">Unknown tab: {{ props.currentTab }}</v-alert>

frontend/src/variants/components/FilterForm/QuickPresets.vue

@@ -115,7 +115,7 @@ const inheritanceWrapper = computed({
     return inheritanceRef.value
   },
   set(newValue) {
-    if (newValue !== 'custom') {
+    if (newValue && newValue !== 'custom') {
       props.querySettings.genotype = copy(
         props.categoryPresets.inheritance[newValue].genotype,
       )
@@ -189,7 +189,7 @@ const qualityWrapper = computed({
     return qualityRef.value
   },
   set(newValue) {
-    if (newValue !== 'custom') {
+    if (newValue && newValue !== 'custom') {
       for (const member of Object.values(props.case.pedigree)) {
         props.querySettings.quality[member.name] = _objectWithoutKeys(
           props.categoryPresets.quality[newValue],
@@ -251,7 +251,7 @@ const makeWrapper = (name) =>
       return valueRefs[name].value
     },
     set(newValue) {
-      if (newValue !== 'custom') {
+      if (newValue && newValue !== 'custom') {
         const oldBlockRefresh = blockRefresh.value
         blockRefresh.value = true
         for (const [key, value] of Object.entries(

frontend/src/variants/components/QueryPresets.vue

@@ -8,7 +8,6 @@ import { computed, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
 import { overlayMessage, overlayShow } from '@/cases/common'
-import { useCaseListStore } from '@/cases/stores/caseList'
 import ModalConfirm from '@/varfish/components/ModalConfirm.vue'
 import ModalInput from '@/varfish/components/ModalInput.vue'
 import Overlay from '@/varfish/components/Overlay.vue'
@@ -23,10 +22,9 @@ const labelRules = Object.freeze([required, minLength(5)])
 const props = defineProps({
   // eslint-ignore-next-line vue/require-default-prop
   presetSet: String,
+  projectUuid: String,
 })
 
-/** Access store with case list. */
-const caseListStore = useCaseListStore()
 /** Access store with query presets. */
 const queryPresetsStore = useQueryPresetsStore()
 /** Access the router. */
@@ -179,8 +177,7 @@ const handleEditClicked = async () => {
 
 /** Initialize store on first mount. */
 onMounted(async () => {
-  await caseListStore.initializeRes
-  await queryPresetsStore.initialize(caseListStore.projectUuid)
+  await queryPresetsStore.initialize(props.projectUuid)
 })
 
 /** Return list of presets sets in a null/undefined safe manner. */

frontend/src/variants/components/QueryPresets/SetEditor.vue

@@ -250,6 +250,7 @@ const handleAddClicked = async (category) => {
         quality: null,
         chromosome: null,
         flagsetc: null,
+        inheritance: null,
       }
     } else if (category === 'qualitypresets') {
       payload = {