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

🎨 style(nodeToolbarComponent): replace icons from heroicons with lucide-react icons

Browse source 
The heroicons package was replaced with lucide-react icons to improve consistency with the rest of the application. The icons were replaced with the following lucide-react icons: Settings2, Copy, and Trash2.
This commit is contained in:
Gabriel Luiz Freitas Almeida 2023-06-14 15:47:31 -03:00
commit 0b2d3deabb
1 changed files with 6 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,21 +1,9 @@
import React, { useContext, useState } from "react"; import { useContext, useState } from "react";
import { Menu, Transition } from "@headlessui/react"; import { Settings2, Copy, Trash2 } from "lucide-react";
import { EllipsisVerticalIcon } from "@heroicons/react/20/solid";
import {
Cog6ToothIcon,
TrashIcon,
PencilSquareIcon,
DocumentDuplicateIcon,
DocumentPlusIcon,
Square2StackIcon,
} from "@heroicons/react/24/outline";
import { classNames } from "../../../../utils"; import { classNames } from "../../../../utils";
import { Fragment } from "react";
import NodeModal from "../../../../modals/NodeModal";
import { TabsContext } from "../../../../contexts/tabsContext"; import { TabsContext } from "../../../../contexts/tabsContext";
import { useReactFlow } from "reactflow"; import { useReactFlow } from "reactflow";
import EditNodeModal from "../../../../modals/EditNodeModal"; import EditNodeModal from "../../../../modals/EditNodeModal";
import TooltipReact from "../../../../components/ReactTooltipComponent";
import ShadTooltip from "../../../../components/ShadTooltipComponent"; import ShadTooltip from "../../../../components/ShadTooltipComponent";
const NodeToolbarComponent = (props) => { const NodeToolbarComponent = (props) => {
@ -48,7 +36,7 @@ const NodeToolbarComponent = (props) => {
props.deleteNode(props.data.id); props.deleteNode(props.data.id);
}} }}
> >
<TrashIcon className="w-5 h-5 dark:text-gray-300"></TrashIcon> <Trash2 className="w-5 h-5 dark:text-gray-300"></Trash2>
</button> </button>
</ShadTooltip> </ShadTooltip>
@ -76,7 +64,7 @@ const NodeToolbarComponent = (props) => {
); );
}} }}
> >
<Square2StackIcon className="w-5 h-5 dark:text-gray-300"></Square2StackIcon> <Copy className="w-5 h-5 dark:text-gray-300"></Copy>
</button> </button>
</ShadTooltip> </ShadTooltip>
@ -89,7 +77,7 @@ const NodeToolbarComponent = (props) => {
props.openPopUp(<EditNodeModal data={props.data} />); props.openPopUp(<EditNodeModal data={props.data} />);
}} }}
> >
<PencilSquareIcon className="w-5 h-5 dark:text-gray-300"></PencilSquareIcon> <Settings2 className="w-5 h-5 dark:text-gray-300"></Settings2>
</button> </button>
</ShadTooltip> </ShadTooltip>
)} )}
@ -133,7 +121,7 @@ const NodeToolbarComponent = (props) => {
"w-full group flex items-center px-4 py-2 text-sm" "w-full group flex items-center px-4 py-2 text-sm"
)} )}
> >
<PencilSquareIcon <Settings
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"
/> />