From 755e53af70fef94e68af983cb99c10507fa7da90 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 3 Jun 2024 17:04:09 +0200
Subject: [PATCH] fix(views): transform bucket configurations

This fixes a bug where filter buckets would not be editable because the bucket configuration was a read-only entry from the watcher.
---
 .../components/project/views/viewEditForm.vue   | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/project/views/viewEditForm.vue b/frontend/src/components/project/views/viewEditForm.vue
index 88a7e008a..169244205 100644
--- a/frontend/src/components/project/views/viewEditForm.vue
+++ b/frontend/src/components/project/views/viewEditForm.vue
@@ -23,13 +23,20 @@ const projectStore = useProjectStore()
 watch(
 	() => modelValue,
 	newValue => {
+		
+		const transform = filterString => transformFilterStringFromApi(
+			filterString,
+			labelId => labelStore.getLabelById(labelId)?.title,
+			projectId => projectStore.projects[projectId]?.title || null,
+		)
+		
 		const transformed = {
 			...newValue,
-			filter: transformFilterStringFromApi(
-				newValue.filter,
-				labelId => labelStore.getLabelById(labelId)?.title,
-				projectId => projectStore.projects[projectId]?.title || null,
-			),
+			filter: transform(newValue.filter),
+			bucketConfiguration: newValue.bucketConfiguration.map(bc => ({
+				title: bc.title,
+				filter: transform(bc.filter),
+			})),
 		}
 
 		if (JSON.stringify(view.value) !== JSON.stringify(transformed)) {