Removing and adding taggroups in admin also supports preview

openstad · Jan 2, 2024 · cd17382 · cd17382
1 parent 9aa7faf
commit cd17382
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 15 deletions.
diff --git a/apps/admin-server/src/pages/projects/[project]/widgets/resourceoverview/[id]/index.tsx b/apps/admin-server/src/pages/projects/[project]/widgets/resourceoverview/[id]/index.tsx
@@ -43,7 +43,7 @@ export default function WidgetResourceOverview() {
     updateConfig: (config: ResourceOverviewWidgetProps) =>
       updateConfig({ ...widget.config, ...config }),
 
-    onFieldChanged: (key: keyof ResourceOverviewWidgetProps, value: string) => {
+    onFieldChanged: (key: keyof ResourceOverviewWidgetProps, value: any) => {
       if (previewConfig) {
         updatePreview({
           ...previewConfig,

diff --git a/apps/admin-server/src/pages/projects/[project]/widgets/resourceoverview/[id]/tags.tsx b/apps/admin-server/src/pages/projects/[project]/widgets/resourceoverview/[id]/tags.tsx
@@ -121,20 +121,30 @@ export default function WidgetResourceOverviewTags(
                                     ) > -1
                                   }
                                   onCheckedChange={(checked: any) => {
-                                    return checked
-                                      ? field.onChange([
-                                          ...field.value,
-                                          {
-                                            type: groupName,
-                                            multiple: false,
-                                            label: '',
-                                          },
-                                        ])
-                                      : field.onChange(
-                                          field.value?.filter(
-                                            (val) => val.type !== groupName
-                                          )
-                                        );
+                                    if (checked) {
+                                      const updatedFields = [
+                                        ...field.value,
+                                        {
+                                          type: groupName,
+                                          multiple: false,
+                                          label: '',
+                                        },
+                                      ];
+                                      field.onChange(updatedFields);
+                                      props.onFieldChanged(
+                                        'tagGroups',
+                                        updatedFields
+                                      );
+                                    } else {
+                                      const updatedFields = field.value?.filter(
+                                        (val) => val.type !== groupName
+                                      );
+                                      field.onChange(updatedFields);
+                                      props.onFieldChanged(
+                                        'tagGroups',
+                                        updatedFields
+                                      );
+                                    }
                                   }}
                                 />
                               </FormControl>