3fe143d84a
### What problem does this PR solve? Feat: Add note node #3221 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
18 lines
641 B
TypeScript
18 lines
641 B
TypeScript
import { useEffect } from 'react';
|
|
import { UseFormReturn, useWatch } from 'react-hook-form';
|
|
import useGraphStore from '../store';
|
|
|
|
export function useWatchFormChange(id?: string, form?: UseFormReturn) {
|
|
let values = useWatch({ control: form?.control });
|
|
const updateNodeForm = useGraphStore((state) => state.updateNodeForm);
|
|
|
|
useEffect(() => {
|
|
// Manually triggered form updates are synchronized to the canvas
|
|
if (id && form?.formState.isDirty) {
|
|
values = form?.getValues();
|
|
let nextValues: any = values;
|
|
|
|
updateNodeForm(id, nextValues);
|
|
}
|
|
}, [form?.formState.isDirty, id, updateNodeForm, values]);
|
|
}
|