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

add conditional rendering component

Browse Source
This commit is contained in:
AykutSarac 2022-06-10 13:08:07 +03:00
parent 492969bd68
commit a772d7206d
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/CustomNode/index.tsx
View File

@ -1,4 +1,5 @@
import React from "react";
import RenderIfVisible from "react-render-if-visible";
import { Label, Node, NodeProps } from "reaflow";
import ObjectNode from "./ObjectNode";
import TextNode from "./TextNode";
@ -18,6 +19,12 @@ const baseLabelStyle = {
strokeWidth: 0,
};
export const ConditionalWrapper: React.FC<{
condition?: boolean;
children: React.ReactNode;
}> = ({ condition, children }) =>
condition ? <RenderIfVisible>{children}</RenderIfVisible> : <>{children}</>;
export const CustomNode = (nodeProps: NodeProps) => {
const { properties } = nodeProps;