GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-20 05:12:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

hide null keys from node

Browse Source
This commit is contained in:
Aykut Saraç 2022-02-15 12:44:44 +03:00
parent d7b8da00f9
commit b2d1891d64
2 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/containers/LiveEditor/CustomNode.tsx
View File

@ -90,22 +90,25 @@ const CustomNode = ({ nodeProps }) => {
<StyledForeignObject width={width} height={height} x={0} y={0}>
<StyledTextWrapper>
<StyledText width={width} height={height}>
{entries.map((val) => (
<div
key={nodeProps.id}
style={{
height: "fit-content",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
padding: '0 auto',
width: width - 20
}}
>
<StyledKey>{val[0]}: </StyledKey>
{val[1]}
</div>
))}
{entries.map(
(val) =>
val[1] !== null && (
<div
key={nodeProps.id}
style={{
height: "fit-content",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
padding: "0 auto",
width: width - 20,
}}
>
<StyledKey>{val[0]}: </StyledKey>
{val[1]}
</div>
)
)}
</StyledText>
</StyledTextWrapper>
</StyledForeignObject>

4
src/containers/LiveEditor/helpers.ts
View File

@ -22,8 +22,8 @@ export function getEdgeNodes(graph: any, isExpanded: boolean = true): any {
nodes.push({
id: el.id,
text: el.text,
width: isExpanded ? (35 + longestLine * 8) : 180,
height: isExpanded ? (30 + lines.length * 10) : 50,
width: isExpanded ? 35 + longestLine * 8 : 180,
height: isExpanded ? 30 + lines.length * 10 : 50,
data: { type: "special" },
});
} else {