Function ToolNodeIcon

apps/web/components/login-tools-panel.tsx:109–155

({
	node,
	role,
}: {
	node: ToolNode
	role?: "source" | "destination"
})

}

function ToolNodeIcon({
	node,
	role,
}: {
	node: ToolNode
	role?: "source" | "destination"
}) {
	const Icon = node.icon

	return (
		<div
			className="login-tool-node-wrap"
			style={{ left: `${node.x}%`, top: `${node.y}%` }}
		>
			<div
				className={cn(
					"login-tool-node",
					role === "source" && "login-tool-node-source",
					role === "destination" && "login-tool-node-destination",
				)}
				title={node.name}
			>
				{Icon ? (
					<Icon className="login-tool-node-icon shrink-0" />
				) : node.iconSrc ? (
					<Image
						src={node.iconSrc}
						alt=""
						width={22}
						height={22}
						className="login-tool-node-icon shrink-0"
					/>
				) : null}
			</div>
			<span
				className={cn(
					"login-tool-node-label",
					dmSansClassName(),
					role && "login-tool-node-label-visible",
				)}
				aria-hidden={!role}
			>
				{node.name}
			</span>
		</div>
	)
}

function MemoryChip() {
	return (