1- import { useCallback } from 'react'
2- import { shallow } from 'zustand/shallow'
1+ import { useShallow } from 'zustand/react/shallow'
32import { useWorkflowDiffStore } from '@/stores/workflow-diff'
43import { useWorkflowStore } from '@/stores/workflows/workflow/store'
54
@@ -13,35 +12,26 @@ import { useWorkflowStore } from '@/stores/workflows/workflow/store'
1312 */
1413export function useEditorBlockProperties ( blockId : string | null , isSnapshotView : boolean ) {
1514 const normalBlockProps = useWorkflowStore (
16- useCallback (
17- ( state ) => {
18- if ( ! blockId ) return { advancedMode : false , triggerMode : false }
19- const block = state . blocks ?. [ blockId ]
20- return {
21- advancedMode : block ?. advancedMode ?? false ,
22- triggerMode : block ?. triggerMode ?? false ,
23- }
24- } ,
25- [ blockId ]
26- ) ,
27- shallow
15+ useShallow ( ( state ) => {
16+ if ( ! blockId ) return { advancedMode : false , triggerMode : false }
17+ const block = state . blocks ?. [ blockId ]
18+ return {
19+ advancedMode : block ?. advancedMode ?? false ,
20+ triggerMode : block ?. triggerMode ?? false ,
21+ }
22+ } )
2823 )
2924
3025 const baselineBlockProps = useWorkflowDiffStore (
31- useCallback (
32- ( state ) => {
33- if ( ! blockId ) return { advancedMode : false , triggerMode : false }
34- const block = state . baselineWorkflow ?. blocks ?. [ blockId ]
35- return {
36- advancedMode : block ?. advancedMode ?? false ,
37- triggerMode : block ?. triggerMode ?? false ,
38- }
39- } ,
40- [ blockId ]
41- ) ,
42- shallow
26+ useShallow ( ( state ) => {
27+ if ( ! blockId ) return { advancedMode : false , triggerMode : false }
28+ const block = state . baselineWorkflow ?. blocks ?. [ blockId ]
29+ return {
30+ advancedMode : block ?. advancedMode ?? false ,
31+ triggerMode : block ?. triggerMode ?? false ,
32+ }
33+ } )
4334 )
4435
45- // Use the appropriate props based on view mode
4636 return isSnapshotView ? baselineBlockProps : normalBlockProps
4737}
0 commit comments