feat: change the color of number data to green

Author: altenull

src/json-diagram/components/ObjectNodeProperty.tsx

@@ -57,10 +57,11 @@ const _ObjectNodeProperty = ({ nodeId, propertyK, propertyV, hasChildNode }: Pro
             whiteSpace: 'nowrap',
             overflow: 'hidden',
           }}
+          color={isNumberData ? '$green800' : undefined}
         >
           {isStringData && JSON.stringify(propertyV)}
 
-          {isNumberData && JSON.stringify(propertyV)}
+          {isNumberData && propertyV}
 
           {isBooleanData && <BooleanBadge value={propertyV as boolean} size="xs" />}
 

src/json-diagram/components/PrimitiveNode.tsx

@@ -40,10 +40,10 @@ const _PrimitiveNode = ({ id, data }: NodeProps<PrimitiveNodeData>) => {
       <DefaultHandle id={id} type="target" />
       <ChainHandle id={addPrefixChain(id)} type="target" />
 
-      <Text css={textCss}>
+      <Text css={textCss} color={data.dataType === JsonDataType.Number ? '$green800' : undefined}>
         {data.dataType === JsonDataType.String && data.stringifiedJson}
 
-        {data.dataType === JsonDataType.Number && data.stringifiedJson}
+        {data.dataType === JsonDataType.Number && data.value}
 
         {data.dataType === JsonDataType.Boolean && <BooleanBadge value={data.value as boolean} size="xs" />}