From 0c4e1f11e7040fc502b2bed9d95875efd47181f7 Mon Sep 17 00:00:00 2001 From: Cristhian Zanforlin Lousa Date: Thu, 22 Jun 2023 22:43:21 -0300 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(frontend):=20replace=20her?= =?UTF-8?q?oicons=20with=20lucide-react=20icons=20for=20consistency=20and?= =?UTF-8?q?=20smaller=20bundle=20size=20=F0=9F=90=9B=20fix(chatMessage):?= =?UTF-8?q?=20replace=20ChatBubbleOvalLeftEllipsisIcon=20with=20MessageCir?= =?UTF-8?q?cle=20icon=20for=20consistency=20and=20better=20semantics?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 🎨 style(frontend): replace heroicons with lucide-react icons for consistency and better performance πŸ› fix(ApiModal): replace CodeBracketSquareIcon with Code2 icon for better semantics and consistency 🎨 style(frontend): replace heroicons with lucide-react icons for consistency and better design 🎨 style(genericModal/index.tsx): replace DocumentTextIcon with FileText icon from lucide-react library 🎨 style(importModal/buttonBox/index.tsx): remove unused imports 🎨 style(DisclosureComponent/index.tsx): replace ChevronRightIcon with ChevronRight icon from lucide-react library 🎨 style(extraSidebarComponent/index.tsx): replace Bars2Icon with Menu icon from lucide-react library πŸ”₯ chore(entities/index.ts): remove unused HomeIcon import from heroicons-react library --- .../components/singleAlertComponent/index.tsx | 41 +++++++++---------- .../src/alerts/alertDropDown/index.tsx | 8 ++-- src/frontend/src/alerts/error/index.tsx | 11 ++--- src/frontend/src/alerts/notice/index.tsx | 11 ++--- src/frontend/src/alerts/success/index.tsx | 13 +++--- .../ExtraSidebarComponent/index.tsx | 1 - .../chatComponent/chatMessage/index.tsx | 9 ++-- .../components/codeAreaComponent/index.tsx | 4 +- .../components/dropdownComponent/index.tsx | 24 ++++++----- .../components/menuBar/index.tsx | 8 ++++ .../src/components/headerComponent/index.tsx | 3 +- .../components/inputFileComponent/index.tsx | 4 +- .../components/inputListComponent/index.tsx | 7 ++-- .../src/components/promptComponent/index.tsx | 4 +- .../components/textAreaComponent/index.tsx | 5 ++- src/frontend/src/modals/ApiModal/index.tsx | 10 ++--- .../src/modals/EditNodeModal/index.tsx | 6 +-- src/frontend/src/modals/NodeModal/index.tsx | 4 +- .../src/modals/chatModal/chatInput/index.tsx | 15 +++---- .../modals/chatModal/chatMessage/index.tsx | 9 ++-- .../modals/chatModal/fileComponent/index.tsx | 8 ++-- src/frontend/src/modals/chatModal/index.tsx | 6 +-- .../src/modals/codeAreaModal/index.tsx | 9 ++-- src/frontend/src/modals/exportModal/index.tsx | 1 - .../src/modals/genericModal/index.tsx | 9 ++-- .../modals/importModal/buttonBox/index.tsx | 4 +- .../components/DisclosureComponent/index.tsx | 1 - .../extraSidebarComponent/index.tsx | 5 +-- src/frontend/src/types/entities/index.ts | 2 - 29 files changed, 124 insertions(+), 118 deletions(-) diff --git a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx index ad505e23e..99a869b53 100644 --- a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx +++ b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx @@ -1,13 +1,9 @@ -import { - XCircleIcon, - XMarkIcon, - InformationCircleIcon, - CheckCircleIcon, -} from "@heroicons/react/24/outline"; + import { Link } from "react-router-dom"; import { Transition } from "@headlessui/react"; import { useState } from "react"; import { SingleAlertComponentType } from "../../../../types/alerts"; +import { X, CheckCircle2, Info, XCircle } from "lucide-react"; export default function SingleAlert({ dropItem, @@ -34,10 +30,11 @@ export default function SingleAlert({ key={dropItem.id} >
-

@@ -70,7 +67,7 @@ export default function SingleAlert({ className="inline-flex rounded-md bg-red-50 dark:bg-transparent p-1.5 text-red-500 dark:text-red-50" > Dismiss -

@@ -81,10 +78,11 @@ export default function SingleAlert({ key={dropItem.id} >
-

@@ -116,7 +114,7 @@ export default function SingleAlert({ className="inline-flex rounded-md bg-blue-50 dark:bg-transparent p-1.5 text-blue-500 dark:text-blue-50" > Dismiss -

@@ -127,10 +125,11 @@ export default function SingleAlert({ key={dropItem.id} >
-

@@ -150,7 +149,7 @@ export default function SingleAlert({ className="inline-flex rounded-md bg-green-50 dark:bg-transparent p-1.5 text-green-500 dark:text-green-50" > Dismiss -

diff --git a/src/frontend/src/alerts/alertDropDown/index.tsx b/src/frontend/src/alerts/alertDropDown/index.tsx index edd3bb23f..cb35b80cc 100644 --- a/src/frontend/src/alerts/alertDropDown/index.tsx +++ b/src/frontend/src/alerts/alertDropDown/index.tsx @@ -1,11 +1,11 @@ import { useContext, useEffect, useRef } from "react"; import { alertContext } from "../../contexts/alertContext"; -import { XMarkIcon } from "@heroicons/react/24/solid"; -import { TrashIcon } from "@heroicons/react/24/outline"; import SingleAlert from "./components/singleAlertComponent"; import { AlertDropdownType } from "../../types/alerts"; import { PopUpContext } from "../../contexts/popUpContext"; import { useOnClickOutside } from "../hooks/useOnClickOutside"; +import { X, Trash2 } from "lucide-react"; + export default function AlertDropdown({}: AlertDropdownType) { const { closePopUp } = useContext(PopUpContext); const componentRef = useRef(null); @@ -36,13 +36,13 @@ export default function AlertDropdown({}: AlertDropdownType) { setTimeout(clearNotificationList, 100); }} > - + diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx index bcabe764f..56ae7634e 100644 --- a/src/frontend/src/alerts/error/index.tsx +++ b/src/frontend/src/alerts/error/index.tsx @@ -1,7 +1,7 @@ import { Transition } from "@headlessui/react"; -import { XCircleIcon, XMarkIcon } from "@heroicons/react/24/outline"; import { useEffect, useState } from "react"; import { ErrorAlertType } from "../../types/alerts"; +import { XCircle } from "lucide-react"; export default function ErrorAlert({ title, @@ -43,10 +43,11 @@ export default function ErrorAlert({ >
-

diff --git a/src/frontend/src/alerts/notice/index.tsx b/src/frontend/src/alerts/notice/index.tsx index 81dce8ca0..47e26f51d 100644 --- a/src/frontend/src/alerts/notice/index.tsx +++ b/src/frontend/src/alerts/notice/index.tsx @@ -1,8 +1,8 @@ import { Transition } from "@headlessui/react"; -import { InformationCircleIcon, XMarkIcon } from "@heroicons/react/24/outline"; import { useEffect, useState } from "react"; import { Link } from "react-router-dom"; import { NoticeAlertType } from "../../types/alerts"; +import { Info } from "lucide-react"; export default function NoticeAlert({ title, @@ -40,10 +40,11 @@ export default function NoticeAlert({ >
-

{title}

diff --git a/src/frontend/src/alerts/success/index.tsx b/src/frontend/src/alerts/success/index.tsx index d915adfcd..899f70f68 100644 --- a/src/frontend/src/alerts/success/index.tsx +++ b/src/frontend/src/alerts/success/index.tsx @@ -1,7 +1,8 @@ import { Transition } from "@headlessui/react"; -import { CheckCircleIcon, XMarkIcon } from "@heroicons/react/24/outline"; import { useEffect, useState } from "react"; import { SuccessAlertType } from "../../types/alerts"; +import { CheckCircle2 } from "lucide-react"; + export default function SuccessAlert({ title, @@ -38,10 +39,12 @@ export default function SuccessAlert({ >
-

diff --git a/src/frontend/src/components/ExtraSidebarComponent/index.tsx b/src/frontend/src/components/ExtraSidebarComponent/index.tsx index e03db68c8..b6fbf94b2 100644 --- a/src/frontend/src/components/ExtraSidebarComponent/index.tsx +++ b/src/frontend/src/components/ExtraSidebarComponent/index.tsx @@ -1,5 +1,4 @@ import { Disclosure } from "@headlessui/react"; -import { ChevronLeftIcon } from "@heroicons/react/24/outline"; import { useContext, useState } from "react"; import { Link } from "react-router-dom"; import { classNames } from "../../utils"; diff --git a/src/frontend/src/components/chatComponent/chatMessage/index.tsx b/src/frontend/src/components/chatComponent/chatMessage/index.tsx index 8ca2e56e3..ca67908c0 100644 --- a/src/frontend/src/components/chatComponent/chatMessage/index.tsx +++ b/src/frontend/src/components/chatComponent/chatMessage/index.tsx @@ -1,13 +1,10 @@ -import { - ChatBubbleLeftEllipsisIcon, - ChatBubbleOvalLeftEllipsisIcon, - PlusSmallIcon, -} from "@heroicons/react/24/outline"; + import { useState } from "react"; import { ChatMessageType } from "../../../types/chat"; import { nodeColors } from "../../../utils"; import Convert from "ansi-to-html"; const convert = new Convert({ newline: true }); +import { MessageCircle } from "lucide-react"; export default function ChatMessage({ chat }: { chat: ChatMessageType }) { const [hidden, setHidden] = useState(true); @@ -24,7 +21,7 @@ export default function ChatMessage({ chat }: { chat: ChatMessageType }) { onClick={() => setHidden((prev) => !prev)} className="absolute top-2 right-2 cursor-pointer" > - +

)} {chat.thought && chat.thought !== "" && !hidden && ( diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx index 399ab40b2..7fe01ceb1 100644 --- a/src/frontend/src/components/codeAreaComponent/index.tsx +++ b/src/frontend/src/components/codeAreaComponent/index.tsx @@ -1,10 +1,10 @@ -import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline"; import { useContext, useEffect, useState } from "react"; import { PopUpContext } from "../../contexts/popUpContext"; import CodeAreaModal from "../../modals/codeAreaModal"; import TextAreaModal from "../../modals/textAreaModal"; import { TextAreaComponentType } from "../../types/components"; import { INPUT_STYLE } from "../../constants"; +import { ExternalLink } from "lucide-react"; export default function CodeAreaComponent({ value, @@ -69,7 +69,7 @@ export default function CodeAreaComponent({ }} > {!editNode && ( - + )}
diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx index 0f4942198..54049fd82 100644 --- a/src/frontend/src/components/dropdownComponent/index.tsx +++ b/src/frontend/src/components/dropdownComponent/index.tsx @@ -1,9 +1,9 @@ import { Listbox, Transition } from "@headlessui/react"; -import { ChevronUpDownIcon, CheckIcon } from "@heroicons/react/24/outline"; import { Fragment, useState } from "react"; import { DropDownComponentType } from "../../types/components"; import { classNames } from "../../utils"; import { INPUT_STYLE } from "../../constants"; +import { ChevronsUpDown, Check } from "lucide-react"; export default function Dropdown({ value, @@ -43,10 +43,11 @@ export default function Dropdown({ "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" } > -
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx index 9f801138f..cb922a35e 100644 --- a/src/frontend/src/components/inputFileComponent/index.tsx +++ b/src/frontend/src/components/inputFileComponent/index.tsx @@ -1,8 +1,8 @@ -import { DocumentMagnifyingGlassIcon } from "@heroicons/react/24/outline"; import { useContext, useEffect, useState } from "react"; import { alertContext } from "../../contexts/alertContext"; import { FileComponentType } from "../../types/components"; import { INPUT_STYLE } from "../../constants"; +import { FileSearch2 } from "lucide-react"; export default function InputFileComponent({ value, @@ -89,7 +89,7 @@ export default function InputFileComponent({

diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx index 4bb82147f..80a6de417 100644 --- a/src/frontend/src/components/inputListComponent/index.tsx +++ b/src/frontend/src/components/inputListComponent/index.tsx @@ -1,10 +1,11 @@ -import { PlusIcon, XMarkIcon } from "@heroicons/react/24/outline"; import { useContext, useEffect, useState } from "react"; import { InputListComponentType } from "../../types/components"; import { TabsContext } from "../../contexts/tabsContext"; import _ from "lodash"; import { INPUT_STYLE } from "../../constants"; +import { X, Plus } from "lucide-react"; + export default function InputListComponent({ value, onChange, @@ -59,7 +60,7 @@ export default function InputListComponent({ onChange(inputList); }} > - + ) : ( )}
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx index 7713da8e6..ef6bae94d 100644 --- a/src/frontend/src/components/promptComponent/index.tsx +++ b/src/frontend/src/components/promptComponent/index.tsx @@ -1,10 +1,10 @@ -import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline"; import { useContext, useEffect, useState } from "react"; import { PopUpContext } from "../../contexts/popUpContext"; import { TextAreaComponentType } from "../../types/components"; import GenericModal from "../../modals/genericModal"; import { TypeModal } from "../../utils"; import { INPUT_STYLE } from "../../constants"; +import { ExternalLink } from "lucide-react"; export default function PromptAreaComponent({ value, @@ -74,7 +74,7 @@ export default function PromptAreaComponent({ }} > {!editNode && ( - + )} diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx index 4c0412994..4b4cd1582 100644 --- a/src/frontend/src/components/textAreaComponent/index.tsx +++ b/src/frontend/src/components/textAreaComponent/index.tsx @@ -1,10 +1,11 @@ -import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline"; import { useContext, useEffect, useState } from "react"; import { PopUpContext } from "../../contexts/popUpContext"; import { TextAreaComponentType } from "../../types/components"; import GenericModal from "../../modals/genericModal"; import { TypeModal } from "../../utils"; import { INPUT_STYLE } from "../../constants"; +import { ExternalLink } from "lucide-react"; + export default function TextAreaComponent({ value, onChange, @@ -76,7 +77,7 @@ export default function TextAreaComponent({ }} > {!editNode && ( - + )} diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx index c3b821ac9..2d4bdad4e 100644 --- a/src/frontend/src/modals/ApiModal/index.tsx +++ b/src/frontend/src/modals/ApiModal/index.tsx @@ -1,4 +1,3 @@ -import { CodeBracketSquareIcon } from "@heroicons/react/24/outline"; import { useContext, useState } from "react"; import { PopUpContext } from "../../contexts/popUpContext"; import "ace-builds/src-noconflict/mode-python"; @@ -26,7 +25,7 @@ import { TabsList, TabsTrigger, } from "../../components/ui/tabs"; -import { Check, Clipboard } from "lucide-react"; +import { Check, Clipboard, Code2 } from "lucide-react"; export default function ApiModal({ flow }: { flow: FlowType }) { const [open, setOpen] = useState(true); @@ -88,10 +87,11 @@ export default function ApiModal({ flow }: { flow: FlowType }) { Code - {EXPORT_CODE_DIALOG} diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx index 1a270f46e..d0412d9cd 100644 --- a/src/frontend/src/modals/EditNodeModal/index.tsx +++ b/src/frontend/src/modals/EditNodeModal/index.tsx @@ -12,7 +12,6 @@ import { TableRow, } from "../../components/ui/table"; import ToggleShadComponent from "../../components/toggleShadComponent"; -import { VariableIcon } from "@heroicons/react/24/outline"; import InputListComponent from "../../components/inputListComponent"; import TextAreaComponent from "../../components/textAreaComponent"; import InputComponent from "../../components/inputComponent"; @@ -33,6 +32,7 @@ import { } from "../../components/ui/dialog"; import { Button } from "../../components/ui/button"; import { Badge } from "../../components/ui/badge"; +import { Variable } from "lucide-react"; export default function EditNodeModal({ data }: { data: NodeDataType }) { const [open, setOpen] = useState(true); @@ -90,9 +90,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) { {data.node?.description}
- -   - + Parameters diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx index 27255fd84..2065b1720 100644 --- a/src/frontend/src/modals/NodeModal/index.tsx +++ b/src/frontend/src/modals/NodeModal/index.tsx @@ -1,5 +1,4 @@ import { Dialog, Transition } from "@headlessui/react"; -import { XMarkIcon } from "@heroicons/react/24/outline"; import { Fragment, useContext, useRef, useState } from "react"; import { PopUpContext } from "../../contexts/popUpContext"; import { NodeDataType } from "../../types/flow"; @@ -13,6 +12,7 @@ import { } from "../../utils"; import { typesContext } from "../../contexts/typesContext"; import ModalField from "./components/ModalField"; +import { X } from "lucide-react"; export default function NodeModal({ data }: { data: NodeDataType }) { const [open, setOpen] = useState(true); @@ -70,7 +70,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) { }} > Close -
diff --git a/src/frontend/src/modals/chatModal/chatInput/index.tsx b/src/frontend/src/modals/chatModal/chatInput/index.tsx index a6598bc67..e43114ff1 100644 --- a/src/frontend/src/modals/chatModal/chatInput/index.tsx +++ b/src/frontend/src/modals/chatModal/chatInput/index.tsx @@ -1,8 +1,9 @@ -import { LockClosedIcon, PaperAirplaneIcon } from "@heroicons/react/24/outline"; import { classNames } from "../../../utils"; import { useContext, useEffect, useRef, useState } from "react"; import { TabsContext } from "../../../contexts/tabsContext"; import { INPUT_STYLE } from "../../../constants"; +import { Lock, Send } from "lucide-react"; + export default function ChatInput({ lockChat, chatValue, @@ -60,14 +61,14 @@ export default function ChatInput({
diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx index 318edc376..de8953a6e 100644 --- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx +++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx @@ -1,10 +1,8 @@ -import { ChatBubbleOvalLeftEllipsisIcon } from "@heroicons/react/24/outline"; import { useEffect, useRef, useState } from "react"; import { ChatMessageType } from "../../../types/chat"; import { classNames } from "../../../utils"; import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg"; import AiIconStill from "../../../assets/froze-flow.png"; -import { UserIcon } from "@heroicons/react/24/solid"; import FileCard from "../fileComponent"; import ReactMarkdown from "react-markdown"; import rehypeMathjax from "rehype-mathjax"; @@ -12,6 +10,7 @@ import remarkGfm from "remark-gfm"; import remarkMath from "remark-math"; import { CodeBlock } from "./codeBlock"; import Convert from "ansi-to-html"; +import { User2, MessageCircle } from "lucide-react"; export default function ChatMessage({ chat, @@ -62,7 +61,7 @@ export default function ChatMessage({
)} {chat.isSend && ( - + )}
{!chat.isSend ? ( @@ -73,7 +72,9 @@ export default function ChatMessage({ onClick={() => setHidden((prev) => !prev)} className="absolute -top-1 -left-2 cursor-pointer" > - + )} {chat.thought && chat.thought !== "" && !hidden && ( diff --git a/src/frontend/src/modals/chatModal/fileComponent/index.tsx b/src/frontend/src/modals/chatModal/fileComponent/index.tsx index 2b5d97ae9..1c152b5fd 100644 --- a/src/frontend/src/modals/chatModal/fileComponent/index.tsx +++ b/src/frontend/src/modals/chatModal/fileComponent/index.tsx @@ -1,6 +1,6 @@ -import { CloudArrowDownIcon, DocumentIcon } from "@heroicons/react/24/outline"; import * as base64js from "base64-js"; import { useState } from "react"; +import { DownloadCloud, File } from "lucide-react"; export default function FileCard({ fileName, content, fileType }) { const handleDownload = () => { @@ -43,7 +43,7 @@ export default function FileCard({ fileName, content, fileType }) { className="text-gray-500 py-1 px-2 dark:bg-gray-700 dark:text-gray-300" onClick={handleDownload} > - + )} @@ -65,14 +65,14 @@ export default function FileCard({ fileName, content, fileType }) { className="w-8 h-8" /> ) : ( - + )}
{" "}
{fileName}
{fileType}
- + ); diff --git a/src/frontend/src/modals/chatModal/index.tsx b/src/frontend/src/modals/chatModal/index.tsx index bf87e4100..98b0e4b2d 100644 --- a/src/frontend/src/modals/chatModal/index.tsx +++ b/src/frontend/src/modals/chatModal/index.tsx @@ -1,13 +1,11 @@ import { Dialog, Transition } from "@headlessui/react"; -import { ChatBubbleOvalLeftEllipsisIcon } from "@heroicons/react/24/outline"; import { Fragment, useContext, useEffect, useRef, useState } from "react"; import { FlowType } from "../../types/flow"; import { alertContext } from "../../contexts/alertContext"; import { validateNodes } from "../../utils"; import { typesContext } from "../../contexts/typesContext"; import ChatMessage from "./chatMessage"; -import { Eraser } from "lucide-react"; -import { X } from "lucide-react"; +import { X, MessagesSquare, Eraser } from "lucide-react"; import { sendAllProps } from "../../types/api"; import { ChatMessageType } from "../../types/chat"; import ChatInput from "./chatInput"; @@ -387,7 +385,7 @@ export default function ChatModal({ Start a conversation and click the agent’s thoughts{" "} - + {" "} to inspect the chaining process. diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx index 9f8815f4b..7c8c6f135 100644 --- a/src/frontend/src/modals/codeAreaModal/index.tsx +++ b/src/frontend/src/modals/codeAreaModal/index.tsx @@ -1,4 +1,3 @@ -import { XMarkIcon, CommandLineIcon } from "@heroicons/react/24/outline"; import { Fragment, useContext, useRef, useState } from "react"; import { PopUpContext } from "../../contexts/popUpContext"; import AceEditor from "react-ace"; @@ -22,6 +21,7 @@ import { } from "../../components/ui/dialog"; import { Button } from "../../components/ui/button"; import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants"; +import { TerminalSquare } from "lucide-react"; export default function CodeAreaModal({ value, @@ -51,10 +51,11 @@ export default function CodeAreaModal({ Edit Code - {CODE_PROMPT_DIALOG_SUBTITLE} diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx index 30567b4f1..df5925817 100644 --- a/src/frontend/src/modals/exportModal/index.tsx +++ b/src/frontend/src/modals/exportModal/index.tsx @@ -1,4 +1,3 @@ -import { ArrowDownTrayIcon } from "@heroicons/react/24/outline"; import { useContext, useRef, useState } from "react"; import { alertContext } from "../../contexts/alertContext"; import { PopUpContext } from "../../contexts/popUpContext"; diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx index d241e7c04..f12f21b27 100644 --- a/src/frontend/src/modals/genericModal/index.tsx +++ b/src/frontend/src/modals/genericModal/index.tsx @@ -1,4 +1,3 @@ -import { XMarkIcon, DocumentTextIcon } from "@heroicons/react/24/outline"; import { Fragment, useContext, useRef, useState } from "react"; import { PopUpContext } from "../../contexts/popUpContext"; import { darkContext } from "../../contexts/darkContext"; @@ -17,6 +16,7 @@ import { import { Button } from "../../components/ui/button"; import { Textarea } from "../../components/ui/textarea"; import { PROMPT_DIALOG_SUBTITLE, TEXT_DIALOG_SUBTITLE } from "../../constants"; +import { FileText } from "lucide-react"; export default function GenericModal({ value, @@ -54,10 +54,11 @@ export default function GenericModal({ {myModalTitle} - {(() => { diff --git a/src/frontend/src/modals/importModal/buttonBox/index.tsx b/src/frontend/src/modals/importModal/buttonBox/index.tsx index 2c408a120..5b7a42b48 100644 --- a/src/frontend/src/modals/importModal/buttonBox/index.tsx +++ b/src/frontend/src/modals/importModal/buttonBox/index.tsx @@ -1,7 +1,5 @@ -import React, { ReactNode, useEffect, useRef, useState } from "react"; -import { DocumentDuplicateIcon } from "@heroicons/react/solid"; +import React, { ReactNode } from "react"; import { classNames } from "../../../utils"; -import Tooltip from "../../../components/TooltipComponent"; export default function ButtonBox({ onClick, diff --git a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx index 3582a416b..915e22476 100644 --- a/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx @@ -1,4 +1,3 @@ -import { ChevronRightIcon } from "@heroicons/react/24/solid"; import { Disclosure } from "@headlessui/react"; import { DisclosureComponentType } from "../../../../types/components"; import { ChevronRight } from "lucide-react"; diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx index 46a48197c..b144ae77e 100644 --- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx @@ -1,4 +1,3 @@ -import { Bars2Icon } from "@heroicons/react/24/outline"; import DisclosureComponent from "../DisclosureComponent"; import { classNames, @@ -16,9 +15,9 @@ import ExportModal from "../../../../modals/exportModal"; import ApiModal from "../../../../modals/ApiModal"; import { TabsContext } from "../../../../contexts/tabsContext"; import { alertContext } from "../../../../contexts/alertContext"; -import { updateFlowInDatabase } from "../../../../controllers/API"; import { INPUT_STYLE } from "../../../../constants"; import { Separator } from "../../../../components/ui/separator"; +import { Menu } from "lucide-react"; export default function ExtraSidebar() { const { data } = useContext(typesContext); @@ -186,7 +185,7 @@ export default function ExtraSidebar() { {t} - + diff --git a/src/frontend/src/types/entities/index.ts b/src/frontend/src/types/entities/index.ts index 3c0877579..3730492ce 100644 --- a/src/frontend/src/types/entities/index.ts +++ b/src/frontend/src/types/entities/index.ts @@ -1,5 +1,3 @@ -import { HomeIcon } from "@heroicons/react/24/outline"; - export type sidebarNavigationItemType = { name: string; href: string;