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

added node id on edit node modal

Browse source
This commit is contained in:
anovazzi1 2023-06-13 23:15:54 -03:00
commit 4ef210753e
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/src/modals/EditNodeModal/index.tsx
View file

@ -43,6 +43,7 @@ import {
} from "../../components/ui/dialog"; } from "../../components/ui/dialog";
import { Button } from "../../components/ui/button"; import { Button } from "../../components/ui/button";
import { EDIT_DIALOG_SUBTITLE } from "../../constants"; import { EDIT_DIALOG_SUBTITLE } from "../../constants";
import { Badge } from "../../components/ui/badge";
export default function EditNodeModal({ data }: { data: NodeDataType }) { export default function EditNodeModal({ data }: { data: NodeDataType }) {
const [open, setOpen] = useState(true); const [open, setOpen] = useState(true);
@ -95,15 +96,16 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
<DialogContent className="lg:max-w-[700px]"> <DialogContent className="lg:max-w-[700px]">
<DialogHeader> <DialogHeader>
<DialogTitle className="flex items-center"> <DialogTitle className="flex items-center">
<span className="pr-2">Edit Node</span> <span className="pr-2">{data.type}</span>
<span>{data.id}</span> <Badge variant="outline" >{data.id}</Badge>
<PencilSquareIcon <PencilSquareIcon
className="h-6 w-6 text-gray-800 pl-1 dark:text-white" className="h-6 w-6 text-gray-800 pl-1 dark:text-white"
aria-hidden="true" aria-hidden="true"
/> />
</DialogTitle> </DialogTitle>
<DialogDescription> <DialogDescription>
{EDIT_DIALOG_SUBTITLE} {data.node.description? data.node.description : EDIT_DIALOG_SUBTITLE}
<br/>
<div className="flex pt-3"> <div className="flex pt-3">
<VariableIcon className="w-5 h-5 pe-1 text-gray-700 stroke-2"> <VariableIcon className="w-5 h-5 pe-1 text-gray-700 stroke-2">
&nbsp; &nbsp;