feat: node edition update

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

@@ -5,11 +5,11 @@ import { ClipLoader } from 'react-spinners'
 import styled from 'styled-components'
 import { validateImageInputType } from '~/components/ModalsContainer/EditNodeNameModal/utils'
 import { Flex } from '~/components/common/Flex'
-import { getTopicsData, putNodeData } from '~/network/fetchSourcesData'
+import { editNodeData, getTopicsData } from '~/network/fetchSourcesData'
 import { useDataStore } from '~/stores/useDataStore'
 import { useSelectedNode } from '~/stores/useGraphStore'
 import { useModal } from '~/stores/useModalStore'
-import { NodeExtended, Topic } from '~/types'
+import { NodeEditRequest, NodeExtended, Topic } from '~/types'
 import { colors } from '~/utils/colors'
 import { TitleEditor } from '../Title'
 
@@ -84,25 +84,30 @@ export const Body = () => {
   const node = actualTopicNode || selectedNode
 
   const handleSave = async () => {
+    if (!node) {
+      return
+    }
+
     setLoading(true)
 
-    const updatedData = getValues()
+    const formData: FormData = getValues()
 
     const nodeData = {
-      node_type: node?.node_type,
-      node_data: {
-        name: updatedData.name,
-        properties: updatedData.properties,
-        ref_id: updatedData.ref_id,
-      },
+      properties: formData.properties,
     }
 
     try {
-      await putNodeData(node?.ref_id || '', nodeData)
+      const payloadData: NodeEditRequest = {
+        node_type: node.node_type,
+        ref_id: node.ref_id,
+        properties: nodeData.properties as { [key: string]: unknown },
+      }
+
+      await editNodeData(node?.ref_id || '', payloadData)
 
       const { updateNode } = useDataStore.getState()
 
-      updateNode({ ...node, ...nodeData.node_data } as NodeExtended)
+      updateNode({ ...node, ...nodeData } as unknown as NodeExtended)
 
       closeHandler()
     } catch (error) {

src/network/fetchSourcesData/index.ts

@@ -5,6 +5,7 @@ import {
   FetchEdgeTypesResponse,
   FetchRadarResponse,
   FetchTopicResponse,
+  NodeEditRequest,
   NodeExtended,
   NodeRequest,
   RadarRequest,
@@ -306,6 +307,12 @@ export const putNodeData = async (ref_id: string, data: NodeRequest) => {
   return response
 }
 
+export const editNodeData = async (ref_id: string, data: NodeEditRequest) => {
+  const response = await api.put(`/node?ref_id=${ref_id}`, JSON.stringify(data))
+
+  return response
+}
+
 export const approveRadarData = async (id: string, pubkey: string) => {
   const response = await api.put(`/radar/${id}/approve`, JSON.stringify({ approve: 'True', pubkey }))
 

src/types/index.ts

@@ -118,6 +118,14 @@ export type NodeRequest = {
   }
 }
 
+export type NodeEditRequest = {
+  node_type: string
+  ref_id: string
+  properties: {
+    [key: string]: unknown
+  }
+}
+
 export type DataSeriesNode = {
   id: string
   image_url?: string