feat(screener): FixedNodeCard for data/combine/result nodes

This commit is contained in:
2026-05-13 21:43:25 +09:00
parent 40e3e2cf39
commit f10fa062e9

View File

@@ -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);