refactoring data passed by the event
This commit is contained in:
parent
a7bd874e16
commit
5ead7c4c32
7 changed files with 57 additions and 54 deletions
|
|
@ -3,10 +3,13 @@ import { Handle, Position } from "reactflow";
|
|||
import InputComponent from "../../components/inputComponent";
|
||||
import { isValidConnection, nodeColors, snakeToNormalCase } from "../../utils";
|
||||
import Tooltip from "../../components/TooltipComponent";
|
||||
import { useContext } from "react";
|
||||
import { typesContext } from "../../contexts/typesContext";
|
||||
|
||||
export default function ChatOutputNode({ data }) {
|
||||
const {types} = useContext(typesContext);
|
||||
return (
|
||||
<div className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50" style={{color: nodeColors['chat']}}>
|
||||
<div className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50" style={{color: nodeColors[types[data.type]]}}>
|
||||
<Tooltip title="Message: str">
|
||||
<Handle
|
||||
type="source"
|
||||
|
|
@ -18,7 +21,7 @@ export default function ChatOutputNode({ data }) {
|
|||
></Handle>
|
||||
</Tooltip>
|
||||
|
||||
<div className="flex gap-3 text-lg font-medium items-center" style={{color: nodeColors['chat']}}>
|
||||
<div className="flex gap-3 text-lg font-medium items-center" style={{color: nodeColors[types[data.type]]}}>
|
||||
Output
|
||||
<Bars3CenterLeftIcon className="h-8 w-8 mt-1" />
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue