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

Added copy button on toolbar and changed Required indicator

Browse source
This commit is contained in:
Lucas Oliveira 2023-05-31 11:52:56 -03:00
commit 3eaff0b638
1 changed files with 16 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
View file

@ -6,6 +6,7 @@ import {
TrashIcon, TrashIcon,
PencilSquareIcon, PencilSquareIcon,
DocumentDuplicateIcon, DocumentDuplicateIcon,
DocumentPlusIcon,
} from "@heroicons/react/24/outline"; } from "@heroicons/react/24/outline";
import { classNames } from "../../../../utils"; import { classNames } from "../../../../utils";
import { Fragment } from "react"; import { Fragment } from "react";
@ -32,7 +33,7 @@ const NodeToolbarComponent = (props) => {
props.data.node.template[t].advanced && props.data.node.template[t].advanced &&
props.data.node.template[t].show props.data.node.template[t].show
) )
? "hover:dark:hover:bg-[#242f47] text-gray-700 transition-all duration-500 ease-in-out dark:bg-gray-800 dark:text-gray-300 shadow-md relative -ml-px inline-flex items-center bg-white px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10" ? "hover:dark:hover:bg-[#242f47] text-gray-700 transition-all duration-500 ease-in-out dark:bg-gray-800 dark:text-gray-300 shadow-md relative -ml-px inline-flex items-center bg-white px-2 py-2 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10"
: "hidden" : "hidden"
)} )}
onClick={(event) => { onClick={(event) => {
@ -40,7 +41,7 @@ const NodeToolbarComponent = (props) => {
props.openPopUp(<NodeModal data={props.data} />); props.openPopUp(<NodeModal data={props.data} />);
}} }}
> >
<div className=" absolute -right-1 -top-2 text-red-600"> <div className=" absolute right-1 top-0 text-red-600">
{Object.keys(props.data.node.template).some( {Object.keys(props.data.node.template).some(
(t) => (t) =>
props.data.node.template[t].advanced && props.data.node.template[t].advanced &&
@ -63,8 +64,19 @@ const NodeToolbarComponent = (props) => {
></Cog6ToothIcon> ></Cog6ToothIcon>
</button> </button>
<button
className="hover:dark:hover:bg-[#242f47] text-gray-700 transition-all duration-500 ease-in-out dark:bg-gray-800 dark:text-gray-300 shadow-md relative -ml-px inline-flex items-center bg-white px-2 py-2 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10"
onClick={(event) => {
event.preventDefault();
}}
>
<DocumentDuplicateIcon
className="w-5 h-5 dark:text-gray-300"
></DocumentDuplicateIcon>
</button>
<Menu as="div" className="relative inline-block text-left z-100"> <Menu as="div" className="relative inline-block text-left z-100">
<button className="hover:dark:hover:bg-[#242f47] text-gray-700 transition-all duration-500 ease-in-out dark:bg-gray-800 dark:text-gray-300 shadow-md relative -ml-px inline-flex items-center bg-white px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 rounded-r-md"> <button className="hover:dark:hover:bg-[#242f47] text-gray-700 transition-all duration-500 ease-in-out dark:bg-gray-800 dark:text-gray-300 shadow-md relative -ml-px inline-flex items-center bg-white px-2 py-2 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 rounded-r-md">
<div> <div>
<Menu.Button className="flex items-center"> <Menu.Button className="flex items-center">
<EllipsisVerticalIcon <EllipsisVerticalIcon
@ -115,7 +127,7 @@ const NodeToolbarComponent = (props) => {
"group flex items-center px-4 py-2 text-sm" "group flex items-center px-4 py-2 text-sm"
)} )}
> >
<DocumentDuplicateIcon <DocumentPlusIcon
className="mr-3 h-5 w-5 text-gray-400 group-hover:text-gray-500" className="mr-3 h-5 w-5 text-gray-400 group-hover:text-gray-500"
aria-hidden="true" aria-hidden="true"
/> />