fix: fix on value change

undb-io · Aug 10, 2024 · 07adf8e · 07adf8e
1 parent 38fb9fa
commit 07adf8e
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 3 deletions.
diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/rating-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/rating-cell.svelte
@@ -11,6 +11,7 @@
   export let value: number = 0
   export let field: RatingField
   export let readonly = false
+  export let onValueChange: (value: number) => void
 
   $: max = field.max
 
@@ -84,6 +85,7 @@
           }
         }}
         on:change={() => {
+          onValueChange(value)
           $updateCell.mutate({
             tableId,
             id: recordId,

diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/reference-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/reference-cell.svelte
@@ -49,7 +49,15 @@
     </div>
 
     {#if (isSelected || isEditing) && hasValueReactive}
-      <ForeignRecordsPickerDropdown shouldUpdate {field} {tableId} {recordId} bind:selected isSelected={false}>
+      <ForeignRecordsPickerDropdown
+        {onValueChange}
+        shouldUpdate
+        {field}
+        {tableId}
+        {recordId}
+        bind:selected
+        isSelected={false}
+      >
         <Button variant="link" class="px-2">+</Button>
       </ForeignRecordsPickerDropdown>
     {/if}

diff --git a/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/string-cell.svelte b/apps/frontend/src/lib/components/blocks/grid-view/editable-cell/string-cell.svelte
@@ -20,6 +20,7 @@
     onSuccess(data, variables, context) {
       el?.blur()
       gridViewStore.exitEditing()
+      onValueChange(value)
     },
     onError(error: Error) {
       toast.error(error.message)

diff --git a/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker-dropdown.svelte b/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker-dropdown.svelte
@@ -16,7 +16,7 @@
   export let field: ReferenceField
   $: foreignTableId = field.foreignTableId
   export let selected = writable<string[]>()
-
+  export let onValueChange = (value: string[]) => {}
   export let onOpenChange: (open: boolean) => void = () => {}
 
   const foreignTableStore = new GetForeignTableStore()
@@ -55,6 +55,7 @@
         {recordId}
         {foreignTable}
         bind:selected
+        {onValueChange}
       />
     {/if}
   </Popover.Content>

diff --git a/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker.svelte b/apps/frontend/src/lib/components/blocks/reference/foreign-records-picker.svelte
@@ -27,7 +27,7 @@
   export let tableId: string
   export let recordId: string | undefined = undefined
   export let field: ReferenceField
-
+  export let onValueChange = (value: string[]) => {}
   let linkAfterCreate = true
 
   const perPage = writable(20)
@@ -104,6 +104,7 @@
     } else {
       $selected = unique([...($selected ?? []), id])
     }
+    onValueChange($selected)
     if (shouldUpdate) {
       if (recordId) {
         await $updateCell.mutateAsync({