feat(screener): FixedNodeCard for data/combine/result nodes
This commit is contained in:
@@ -0,0 +1,22 @@
|
|||||||
|
import React, { memo } from 'react';
|
||||||
|
import { Handle, Position } from '@xyflow/react';
|
||||||
|
|
||||||
|
function FixedNodeCard({ data }) {
|
||||||
|
const { icon, title, subtitle, kind } = data;
|
||||||
|
const hasInput = kind !== 'data';
|
||||||
|
const hasOutput = kind !== 'result';
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={`canvas-node canvas-node--fixed canvas-node--${kind}`}>
|
||||||
|
{hasInput && <Handle type="target" position={Position.Left} isConnectable={false} />}
|
||||||
|
<div className="canvas-node-title">
|
||||||
|
<span className="canvas-node-icon">{icon}</span>
|
||||||
|
<span>{title}</span>
|
||||||
|
</div>
|
||||||
|
{subtitle && <div className="canvas-node-subtitle">{subtitle}</div>}
|
||||||
|
{hasOutput && <Handle type="source" position={Position.Right} isConnectable={false} />}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default memo(FixedNodeCard);
|
||||||
Reference in New Issue
Block a user