feat: undo/redo for cover image change

Signed-off-by: mertmit <mertmit99@gmail.com>

packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue

@@ -146,19 +146,7 @@ const coverOptions = computed<SelectProps['options']>(() => {
   return [{ value: null, label: 'No Image' }, ...filterFields]
 })
 
-const coverImageColumnId = computed({
-  get: () => {
-    const fk_cover_image_col_id =
-      (activeView.value?.type === ViewTypes.GALLERY || activeView.value?.type === ViewTypes.KANBAN) && activeView.value?.view
-        ? (activeView.value?.view as GalleryType).fk_cover_image_col_id
-        : undefined
-    // check if `fk_cover_image_col_id` is in `coverOptions`
-    // e.g. in share view, users may not share the cover image column
-    if (coverOptions.value?.find((o) => o.value === fk_cover_image_col_id)) return fk_cover_image_col_id
-    // set to `No Image`
-    return null
-  },
-  set: async (val) => {
+const updateCoverImage = async (val?: string | null) => {
   if (
     (activeView.value?.type === ViewTypes.GALLERY || activeView.value?.type === ViewTypes.KANBAN) &&
     activeView.value?.id &&
@@ -177,6 +165,35 @@ const coverImageColumnId = computed({
     }
     reloadViewMetaHook?.trigger()
   }
+}
+
+const coverImageColumnId = computed({
+  get: () => {
+    const fk_cover_image_col_id =
+      (activeView.value?.type === ViewTypes.GALLERY || activeView.value?.type === ViewTypes.KANBAN) && activeView.value?.view
+        ? (activeView.value?.view as GalleryType).fk_cover_image_col_id
+        : undefined
+    // check if `fk_cover_image_col_id` is in `coverOptions`
+    // e.g. in share view, users may not share the cover image column
+    if (coverOptions.value?.find((o) => o.value === fk_cover_image_col_id)) return fk_cover_image_col_id
+    // set to `No Image`
+    return null
+  },
+  set: async (val) => {
+    if (val !== coverImageColumnId.value) {
+      addUndo({
+        undo: {
+          fn: await updateCoverImage,
+          args: [coverImageColumnId.value],
+        },
+        redo: {
+          fn: await updateCoverImage,
+          args: [val],
+        },
+      })
+
+      await updateCoverImage(val)
+    }
   },
 })
 

packages/nocodb-sdk/src/lib/Api.ts

@@ -902,7 +902,7 @@ export interface GalleryType {
   /** Model for Bool */
   deleted?: BoolType;
   /** Foreign Key to Cover Image Column */
-  fk_cover_image_col_id?: string;
+  fk_cover_image_col_id?: StringOrNullType;
   /** Foreign Key to Model */
   fk_model_id?: string;
   /** Foreign Key to View */
@@ -1229,7 +1229,7 @@ export interface KanbanType {
   /** View ID */
   fk_view_id?: IdType;
   /** Cover Image Column ID */
-  fk_cover_image_col_id?: IdType;
+  fk_cover_image_col_id?: StringOrNullType;
   /** Kanban Columns */
   columns?: KanbanColumnType[];
   /** Meta Info for Kanban */

packages/nocodb/src/schema/swagger.json

@@ -15629,7 +15629,7 @@
             "$ref": "#/components/schemas/Bool"
           },
           "fk_cover_image_col_id": {
-            "type": "string",
+            "$ref": "#/components/schemas/StringOrNull",
             "description": "Foreign Key to Cover Image Column"
           },
           "fk_model_id": {
@@ -16498,7 +16498,7 @@
             "description": "View ID"
           },
           "fk_cover_image_col_id": {
-            "$ref": "#/components/schemas/Id",
+            "$ref": "#/components/schemas/StringOrNull",
             "description": "Cover Image Column ID"
           },
           "columns": {