jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

ui change when node selected

Browse source
This commit is contained in:
anovazzi1 2023-03-06 16:54:08 -03:00
commit f596d1cf55
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
langflow/frontend/src/CustomNodes/GenericNode/index.tsx
View file

@ -2,6 +2,7 @@ import {
TrashIcon, TrashIcon,
} from "@heroicons/react/24/outline"; } from "@heroicons/react/24/outline";
import { import {
classNames,
nodeColors, nodeColors,
nodeIcons, nodeIcons,
snakeToNormalCase, snakeToNormalCase,
@ -11,13 +12,13 @@ import { typesContext } from "../../contexts/typesContext";
import { useContext } from "react"; import { useContext } from "react";
import { NodeDataType} from "../../types/flow"; import { NodeDataType} from "../../types/flow";
export default function GenericNode({ data}:{data:NodeDataType}) { export default function GenericNode({ data, selected}:{data:NodeDataType,selected:boolean}) {
const {types, deleteNode} = useContext(typesContext); const {types, deleteNode} = useContext(typesContext);
const Icon = nodeIcons[types[data.type]]; const Icon = nodeIcons[types[data.type]];
return ( return (
<div className="prompt-node relative bg-white dark:bg-gray-900 w-96 rounded-lg solid border dark:border-gray-700 flex flex-col justify-center"> <div className={ classNames(selected?"border border-blue-500":"border dark:border-gray-700","prompt-node relative bg-white dark:bg-gray-900 w-96 rounded-lg flex flex-col justify-center")}>
<div className="w-full dark:text-white flex items-center justify-between p-4 gap-8 bg-gray-50 rounded-t-lg dark:bg-gray-800 border-b dark:border-b-gray-700 "> <div className="w-full dark:text-white flex items-center justify-between p-4 gap-8 bg-gray-50 rounded-t-lg dark:bg-gray-800 border-b dark:border-b-gray-700 ">
<div className="w-full flex items-center truncate gap-4 text-lg"> <div className="w-full flex items-center truncate gap-4 text-lg">
<Icon <Icon