Fix: Node Update API Payload Structure and Data Handling

src/components/ModalsContainer/EditNodeNameModal/Body/index.tsx

@@ -9,7 +9,7 @@ import { getTopicsData, putNodeData } from '~/network/fetchSourcesData'
 import { useDataStore } from '~/stores/useDataStore'
 import { useSelectedNode } from '~/stores/useGraphStore'
 import { useModal } from '~/stores/useModalStore'
-import { NodeExtended, Topic } from '~/types'
+import { NodeExtended, NodeRequest, Topic } from '~/types'
 import { colors } from '~/utils/colors'
 import { TitleEditor } from '../Title'
 
@@ -86,14 +86,27 @@ export const Body = () => {
   const handleSave = async () => {
     setLoading(true)
 
-    const updatedData = getValues()
+    const formData = getValues()
+
+    const nodeData = {
+      node_type: node?.node_type,
+      properties: {
+        name: formData.name?.trim(),
+        ...(formData.image_url && { image_url: formData.image_url }),
+      },
+      ref_id: node?.ref_id,
+    }
 
     try {
-      await putNodeData(node?.ref_id || '', { node_type: node?.node_type, node_data: updatedData })
+      await putNodeData(node?.ref_id || '', nodeData as unknown as NodeRequest)
 
       const { updateNode } = useDataStore.getState()
 
-      updateNode({ ...node, ...updatedData } as NodeExtended)
+      updateNode({
+        ...node,
+        name: formData.name?.trim(),
+        ...(formData.image_url && { image_url: formData.image_url }),
+      } as NodeExtended)
 
       closeHandler()
     } catch (error) {

src/stores/useDataStore/index.ts

@@ -370,12 +370,39 @@
     setSources: (sources) => set({ sources }),
     setHideNodeDetails: (hideNodeDetails) => set({ hideNodeDetails }),
     setSeedQuestions: (questions) => set({ seedQuestions: questions }),
-    updateNode: (updatedNode) => {
-      console.info(updatedNode)
+    updateNode: (updatedNode: NodeExtended) => {
+      set((state) => {
+        const nodesNormalized = new Map(state.nodesNormalized)
+
+        if (updatedNode.ref_id) {
+          const existingNode = nodesNormalized.get(updatedNode.ref_id)
+
+          if (existingNode) {
+            nodesNormalized.set(updatedNode.ref_id, {
+              ...existingNode,
+              ...updatedNode,
+            })
+          }
+        }
+
+        const dataInitial = state.dataInitial
+          ? {
+              ...state.dataInitial,
+              nodes: state.dataInitial.nodes.map((node) =>
+                node.ref_id === updatedNode.ref_id ? { ...node, ...updatedNode } : node,
+              ),
+            }
+          : null
+
+        return {
+          nodesNormalized,
+          dataInitial,
+        }
+      })
     },
 
     removeNode: (id) => {
       console.log(id)
     },
 
     setRunningProjectId: (runningProjectId) => set({ runningProjectId, runningProjectMessages: [] }),