|
@@ -16,22 +16,23 @@ const ObjectNode: React.FC<CustomNodeProps<[string, string][]>> = ({
|
|
<Styled.StyledForeignObject width={width} height={height} x={0} y={0}>
|
|
<Styled.StyledForeignObject width={width} height={height} x={0} y={0}>
|
|
<ConditionalWrapper condition={performance}>
|
|
<ConditionalWrapper condition={performance}>
|
|
<Styled.StyledText width={width} height={height}>
|
|
<Styled.StyledText width={width} height={height}>
|
|
- {value.map(
|
|
|
|
- (val, idx) =>
|
|
|
|
- val[1] && (
|
|
|
|
- <Styled.StyledRow
|
|
|
|
- data-key={JSON.stringify(val[1])}
|
|
|
|
- data-x={x}
|
|
|
|
- data-y={y}
|
|
|
|
- key={idx}
|
|
|
|
- width={width}
|
|
|
|
- value={JSON.stringify(val[1])}
|
|
|
|
- >
|
|
|
|
- <Styled.StyledKey objectKey>{JSON.stringify(val[0]).replaceAll('"', "")}: </Styled.StyledKey>
|
|
|
|
- <Styled.StyledLinkItUrl>{JSON.stringify(val[1])}</Styled.StyledLinkItUrl>
|
|
|
|
- </Styled.StyledRow>
|
|
|
|
- )
|
|
|
|
- )}
|
|
|
|
|
|
+ {value.map((val, idx) => (
|
|
|
|
+ <Styled.StyledRow
|
|
|
|
+ data-key={JSON.stringify(val[1])}
|
|
|
|
+ data-x={x}
|
|
|
|
+ data-y={y}
|
|
|
|
+ key={idx}
|
|
|
|
+ width={width}
|
|
|
|
+ value={JSON.stringify(val[1])}
|
|
|
|
+ >
|
|
|
|
+ <Styled.StyledKey objectKey>
|
|
|
|
+ {JSON.stringify(val[0]).replaceAll('"', "")}:{" "}
|
|
|
|
+ </Styled.StyledKey>
|
|
|
|
+ <Styled.StyledLinkItUrl>
|
|
|
|
+ {JSON.stringify(val[1])}
|
|
|
|
+ </Styled.StyledLinkItUrl>
|
|
|
|
+ </Styled.StyledRow>
|
|
|
|
+ ))}
|
|
</Styled.StyledText>
|
|
</Styled.StyledText>
|
|
</ConditionalWrapper>
|
|
</ConditionalWrapper>
|
|
</Styled.StyledForeignObject>
|
|
</Styled.StyledForeignObject>
|