From f6b5f720f6b6b3eb5ee0a039112e4f9f6a97c129 Mon Sep 17 00:00:00 2001 From: Cristhian Zanforlin Lousa Date: Fri, 30 Jun 2023 20:17:30 -0300 Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=94=A7=20fix(codeAreaComponent):=20up?= =?UTF-8?q?date=20import=20statement=20for=20INPUT=5FSTYLE=20constant=20to?= =?UTF-8?q?=20include=20additional=20constants=20for=20input=20dialog=20an?= =?UTF-8?q?d=20input=20disable=20=F0=9F=94=A7=20fix(dropdownComponent):=20?= =?UTF-8?q?update=20import=20statement=20for=20INPUT=5FSTYLE=20constant=20?= =?UTF-8?q?to=20include=20additional=20constant=20for=20input=20edit=20nod?= =?UTF-8?q?e=20=F0=9F=94=A7=20fix(floatComponent):=20update=20import=20sta?= =?UTF-8?q?tement=20for=20INPUT=5FSTYLE=20constant=20to=20include=20additi?= =?UTF-8?q?onal=20constants=20for=20input=20disable=20and=20input=20edit?= =?UTF-8?q?=20node=20=F0=9F=94=A7=20fix(inputComponent):=20update=20import?= =?UTF-8?q?=20statement=20for=20INPUT=5FSTYLE=20constant=20to=20include=20?= =?UTF-8?q?additional=20constants=20for=20input=20disable=20and=20input=20?= =?UTF-8?q?edit=20node=20=F0=9F=94=A7=20fix(inputFileComponent):=20update?= =?UTF-8?q?=20import=20statement=20for=20INPUT=5FSTYLE=20constant=20to=20i?= =?UTF-8?q?nclude=20additional=20constants=20for=20input=20disable=20and?= =?UTF-8?q?=20input=20edit=20node=20=F0=9F=94=A7=20fix(inputListComponent)?= =?UTF-8?q?:=20update=20import=20statement=20for=20INPUT=5FSTYLE=20constan?= =?UTF-8?q?t=20to=20include=20additional=20constants=20for=20input=20disab?= =?UTF-8?q?le=20and=20input=20edit=20node?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit πŸ› fix(intComponent): add INPUT_DISABLE constant to disable input when disabled prop is true πŸ› fix(promptComponent): add INPUT_DISABLE constant to disable input when disabled prop is true πŸ› fix(textAreaComponent): add INPUT_DISABLE constant to disable input when disabled prop is true πŸ› fix(extraSidebarComponent): change INPUT_STYLE to INPUT_SEARCH for search input styling ✨ feat(server.ts): change port variable case from lowercase port to uppercase PORT to improve semantics ✨ feat(server.ts): add support for process.env.PORT environment variable to be able to run app on a configurable port --- .../components/codeAreaComponent/index.tsx | 12 +-- .../components/dropdownComponent/index.tsx | 8 +- .../src/components/floatComponent/index.tsx | 10 +- .../src/components/inputComponent/index.tsx | 11 +-- .../components/inputFileComponent/index.tsx | 8 +- .../components/inputListComponent/index.tsx | 93 +++++++++---------- .../src/components/intComponent/index.tsx | 9 +- .../src/components/promptComponent/index.tsx | 9 +- .../components/textAreaComponent/index.tsx | 9 +- src/frontend/src/constants.tsx | 28 +++++- .../extraSidebarComponent/index.tsx | 5 +- 11 files changed, 108 insertions(+), 94 deletions(-) diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx index 1c998a20d..0f7c3351d 100644 --- a/src/frontend/src/components/codeAreaComponent/index.tsx +++ b/src/frontend/src/components/codeAreaComponent/index.tsx @@ -3,7 +3,7 @@ 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 { INPUT_DIALOG, INPUT_DISABLE, INPUT_EDIT_NODE, INPUT_STYLE } from "../../constants"; import { ExternalLink } from "lucide-react"; export default function CodeAreaComponent({ @@ -46,11 +46,11 @@ export default function CodeAreaComponent({ }} className={ editNode - ? "truncate cursor-pointer placeholder:text-center text-ring block w-full pt-0.5 pb-0.5 form-input rounded-md border-ring border-1 shadow-sm text-sm bg-transparent sm:text-sm" + - INPUT_STYLE - : "truncate block w-full text-ring px-3 py-2 rounded-md border border-ring shadow-sm sm:text-sm placeholder:text-muted-foreground" + - INPUT_STYLE + - (disabled ? " bg-input" : "") + ? INPUT_EDIT_NODE + + INPUT_DIALOG + : + INPUT_STYLE + INPUT_DIALOG + + (disabled ? INPUT_DISABLE : "") } > {myValue !== "" ? myValue : "Type something..."} diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx index 1539d6a02..30efb021e 100644 --- a/src/frontend/src/components/dropdownComponent/index.tsx +++ b/src/frontend/src/components/dropdownComponent/index.tsx @@ -2,7 +2,7 @@ import { Listbox, Transition } from "@headlessui/react"; import { Fragment, useEffect, useState } from "react"; import { DropDownComponentType } from "../../types/components"; import { classNames } from "../../utils"; -import { INPUT_STYLE } from "../../constants"; +import { INPUT_EDIT_NODE, INPUT_STYLE } from "../../constants"; import { ChevronsUpDown, Check } from "lucide-react"; export default function Dropdown({ @@ -34,9 +34,9 @@ export default function Dropdown({ diff --git a/src/frontend/src/components/floatComponent/index.tsx b/src/frontend/src/components/floatComponent/index.tsx index 343c83d89..ba82a5a97 100644 --- a/src/frontend/src/components/floatComponent/index.tsx +++ b/src/frontend/src/components/floatComponent/index.tsx @@ -1,7 +1,7 @@ import { useContext, useEffect, useState } from "react"; import { FloatComponentType } from "../../types/components"; import { TabsContext } from "../../contexts/tabsContext"; -import { INPUT_STYLE } from "../../constants"; +import { INPUT_DISABLE, INPUT_EDIT_NODE, INPUT_STYLE } from "../../constants"; export default function FloatComponent({ value, @@ -56,11 +56,9 @@ export default function FloatComponent({ value={myValue} className={ editNode - ? "focus:placeholder-transparent text-center placeholder:text-center border-1 block w-full pt-0.5 pb-0.5 form-input rounded-md border-ring shadow-sm sm:text-sm placeholder:text-muted-foreground" + - INPUT_STYLE - : "focus:placeholder-transparent block w-full form-input placeholder:text-muted-foreground bg-background rounded-md border-ring shadow-sm ring-offset-input sm:text-sm" + - INPUT_STYLE + - (disabled ? " bg-input" : "") + ? INPUT_EDIT_NODE + : INPUT_STYLE + + (disabled ? INPUT_DISABLE : "") } placeholder={ editNode ? "Number 0 to 1" : "Type a number from zero to one" diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx index daef2687b..aee7af369 100644 --- a/src/frontend/src/components/inputComponent/index.tsx +++ b/src/frontend/src/components/inputComponent/index.tsx @@ -3,7 +3,7 @@ import { InputComponentType } from "../../types/components"; import { classNames } from "../../utils"; import { TabsContext } from "../../contexts/tabsContext"; import { PopUpContext } from "../../contexts/popUpContext"; -import { INPUT_STYLE } from "../../constants"; +import { INPUT_DISABLE, INPUT_EDIT_NODE, INPUT_STYLE } from "../../constants"; export default function InputComponent({ value, @@ -46,13 +46,12 @@ export default function InputComponent({ if (disableCopyPaste) setDisableCopyPaste(false); }} className={classNames( - "block w-full pr-12 form-input rounded-md bg-background border-ring shadow-sm sm:text-sm focus:placeholder-transparent placeholder:text-muted-foreground", - disabled ? " bg-input" : "", + " pr-12 ", + disabled ? INPUT_DISABLE : "", password && !pwdVisible && myValue !== "" ? "password" : "", editNode - ? "border-1 block w-full pt-0.5 pb-0.5 form-input rounded-md border-ring shadow-sm sm:text-sm text-center" + - INPUT_STYLE - : "ring-offset-input" + INPUT_STYLE, + ? INPUT_EDIT_NODE + : INPUT_STYLE, password && editNode ? "pr-8" : "pr-3" )} placeholder={password && editNode ? "Key" : "Type something..."} diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx index ce851ec60..bef265b24 100644 --- a/src/frontend/src/components/inputFileComponent/index.tsx +++ b/src/frontend/src/components/inputFileComponent/index.tsx @@ -2,7 +2,7 @@ import { useContext, useEffect, useState } from "react"; import { alertContext } from "../../contexts/alertContext"; import { FileComponentType } from "../../types/components"; import { TabsContext } from "../../contexts/tabsContext"; -import { INPUT_STYLE } from "../../constants"; +import { INPUT_DISABLE, INPUT_EDIT_NODE, INPUT_STYLE } from "../../constants"; import { FileSearch2 } from "lucide-react"; import { uploadFile } from "../../controllers/API"; @@ -103,11 +103,11 @@ export default function InputFileComponent({ onClick={handleButtonClick} className={ editNode - ? "truncate placeholder:text-center text-ring block w-full pt-0.5 pb-0.5 form-input rounded-md border-ring shadow-sm sm:text-sm border-1" + + ? INPUT_EDIT_NODE + INPUT_STYLE - : "truncate block w-full text-ring px-3 py-2 rounded-md border border-ring shadow-sm sm:text-sm" + + : INPUT_STYLE + - (disabled ? " bg-input" : "") + (disabled ? INPUT_DISABLE : "") } > {myValue !== "" ? myValue : "No file"} diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx index d81da6183..814e59d78 100644 --- a/src/frontend/src/components/inputListComponent/index.tsx +++ b/src/frontend/src/components/inputListComponent/index.tsx @@ -3,7 +3,7 @@ import { InputListComponentType } from "../../types/components"; import { TabsContext } from "../../contexts/tabsContext"; import _ from "lodash"; -import { INPUT_STYLE } from "../../constants"; +import { INPUT_DISABLE, INPUT_EDIT_NODE, INPUT_STYLE } from "../../constants"; import { X, Plus } from "lucide-react"; export default function InputListComponent({ @@ -26,58 +26,55 @@ export default function InputListComponent({ "flex flex-col gap-3 py-2" } > - {inputList.map((i, idx) => ( -
- { - setInputList((old) => { - let newInputList = _.cloneDeep(old); - newInputList[idx] = e.target.value; - return newInputList; - }); - onChange(inputList); - }} - /> - {idx === inputList.length - 1 ? ( - - ) : ( - - )} -
- ))} + } } /> + {idx === inputList.length - 1 ? ( + + ) : ( + + )} + + ); + })} ); } diff --git a/src/frontend/src/components/intComponent/index.tsx b/src/frontend/src/components/intComponent/index.tsx index 462fa0466..ee9304c0e 100644 --- a/src/frontend/src/components/intComponent/index.tsx +++ b/src/frontend/src/components/intComponent/index.tsx @@ -2,7 +2,7 @@ import { useContext, useEffect, useState } from "react"; import { FloatComponentType } from "../../types/components"; import { TabsContext } from "../../contexts/tabsContext"; import { classNames } from "../../utils"; -import { INPUT_STYLE } from "../../constants"; +import { INPUT_DISABLE, INPUT_EDIT_NODE, INPUT_STYLE } from "../../constants"; export default function IntComponent({ value, @@ -70,11 +70,10 @@ export default function IntComponent({ value={myValue} className={ editNode - ? "focus:placeholder-transparent text-center placeholder:text-center border-1 block w-full pt-0.5 pb-0.5 form-input rounded-md border-ring shadow-sm sm:text-sm placeholder:text-muted-foreground" + - INPUT_STYLE - : "focus:placeholder-transparent block w-full form-input bg-background rounded-md border-ring shadow-sm ring-offset-background sm:text-sm placeholder:text-muted-foreground" + + ? INPUT_EDIT_NODE + : INPUT_STYLE + - (disabled ? " bg-input" : "") + (disabled ? INPUT_DISABLE : "") } placeholder={editNode ? "Integer number" : "Type an integer number"} onChange={(e) => { diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx index 96dd72054..a54da7872 100644 --- a/src/frontend/src/components/promptComponent/index.tsx +++ b/src/frontend/src/components/promptComponent/index.tsx @@ -3,7 +3,7 @@ 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 { INPUT_DIALOG, INPUT_DISABLE, INPUT_EDIT_NODE, INPUT_STYLE } from "../../constants"; import { ExternalLink } from "lucide-react"; export default function PromptAreaComponent({ @@ -49,10 +49,9 @@ export default function PromptAreaComponent({ }} className={ editNode - ? "cursor-pointer truncate placeholder:text-center text-ring border-1 block w-full pt-0.5 pb-0.5 form-input rounded-md border-ring shadow-sm sm:text-sm" + - INPUT_STYLE - : "truncate block w-full text-ring px-3 py-2 rounded-md border border-ring shadow-sm sm:text-sm" + - (disabled ? " bg-input" : "") + ? INPUT_EDIT_NODE + INPUT_DIALOG + : + (disabled ? INPUT_DISABLE : "") + INPUT_STYLE + INPUT_DIALOG } > {myValue !== "" ? myValue : "Type your prompt here"} diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx index 9f934ce2c..ca47f5cc4 100644 --- a/src/frontend/src/components/textAreaComponent/index.tsx +++ b/src/frontend/src/components/textAreaComponent/index.tsx @@ -3,7 +3,7 @@ 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 { INPUT_DIALOG, INPUT_DISABLE, INPUT_EDIT_NODE, INPUT_STYLE } from "../../constants"; import { ExternalLink } from "lucide-react"; export default function TextAreaComponent({ @@ -52,10 +52,9 @@ export default function TextAreaComponent({ }} className={ editNode - ? "truncate cursor-pointer placeholder:text-center text-ring border-1 block w-full pt-0.5 pb-0.5 form-input rounded-md border-ring bg-transparent shadow-sm sm:text-sm" + - INPUT_STYLE - : "truncate block w-full text-ring px-3 py-2 rounded-md border border-ring shadow-sm sm:text-sm" + - (disabled ? " bg-input" : "") + ? INPUT_EDIT_NODE + INPUT_DIALOG + : INPUT_DIALOG + "px-3 py-2" + + (disabled ? INPUT_DISABLE : "") } > {myValue !== "" ? myValue : "Type something..."} diff --git a/src/frontend/src/constants.tsx b/src/frontend/src/constants.tsx index e37ee4199..a0d0f64cb 100644 --- a/src/frontend/src/constants.tsx +++ b/src/frontend/src/constants.tsx @@ -144,12 +144,36 @@ export const EXPORT_CODE_DIALOG = "Generate the code to integrate your flow into an external application."; /** - * The base text for subtitle of code dialog + * The base input for clickable ones + * @constant + */ +export const INPUT_DIALOG = " text-ring cursor-pointer bg-transparent"; + +/** + * The base input style * @constant */ export const INPUT_STYLE = - "focus:tw-ring-none focus-visible:outline-none focus:ring-ring bg-background focus:outline-none"; + " px-3 bg-background focus:tw-ring-none focus-visible:outline-none focus:ring-ring focus:outline-none rounded-md block w-full truncate form-input border-ring shadow-sm sm:text-sm focus:placeholder-transparent placeholder:text-muted-foreground "; +/** + * The base input on edit node + * @constant + */ +export const INPUT_EDIT_NODE = + " placeholder:text-center pt-0.5 pb-0.5 text-center " + INPUT_STYLE; + +/** + * The base search input style + * @constant + */ +export const INPUT_SEARCH = INPUT_STYLE + " pr-7 mx-2 "; + +/** + * The base disable input style + * @constant + */ +export const INPUT_DISABLE = " bg-input "; /** * The base text for subtitle of code dialog * @constant diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx index 1b76be337..b2f256afa 100644 --- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx @@ -15,7 +15,7 @@ import ExportModal from "../../../../modals/exportModal"; import ApiModal from "../../../../modals/ApiModal"; import { TabsContext } from "../../../../contexts/tabsContext"; import { alertContext } from "../../../../contexts/alertContext"; -import { INPUT_STYLE } from "../../../../constants"; +import { INPUT_SEARCH, INPUT_STYLE } from "../../../../constants"; import { Separator } from "../../../../components/ui/separator"; import { Menu } from "lucide-react"; @@ -125,8 +125,7 @@ export default function ExtraSidebar() { id="search" placeholder="Search" className={ - INPUT_STYLE + - "w-full border-1 rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50" + INPUT_SEARCH } onChange={(e) => { handleSearchInput(e.target.value); From 5916a76d0d8a542bc275090bf09ae3faae6f52e2 Mon Sep 17 00:00:00 2001 From: Cristhian Zanforlin Lousa Date: Fri, 30 Jun 2023 20:24:19 -0300 Subject: [PATCH 2/3] formatting code --- src/backend/langflow/graph/edge/base.py | 6 +-- src/frontend/src/App.tsx | 4 +- .../components/parameterComponent/index.tsx | 10 ++--- .../src/CustomNodes/GenericNode/index.tsx | 20 +++++----- .../components/singleAlertComponent/index.tsx | 12 +++--- .../src/alerts/alertDropDown/index.tsx | 10 ++--- src/frontend/src/alerts/error/index.tsx | 2 +- src/frontend/src/alerts/notice/index.tsx | 4 +- src/frontend/src/alerts/success/index.tsx | 2 +- .../components/CrashErrorComponent/index.tsx | 12 +++--- .../EditFlowSettingsComponent/index.tsx | 4 +- .../ExtraSidebarComponent/index.tsx | 16 ++++---- .../ReactTooltipComponent/index.tsx | 2 +- .../src/components/cardComponent/index.tsx | 10 ++--- .../chatComponent/buildTrigger/index.tsx | 6 +-- .../chatComponent/chatMessage/index.tsx | 12 +++--- .../chatComponent/chatTrigger/index.tsx | 6 +-- .../components/codeAreaComponent/index.tsx | 20 +++++----- .../components/dropdownComponent/index.tsx | 12 +++--- .../src/components/floatComponent/index.tsx | 3 +- .../components/menuBar/index.tsx | 18 ++++----- .../src/components/headerComponent/index.tsx | 30 +++++++-------- .../src/components/inputComponent/index.tsx | 16 ++++---- .../components/inputFileComponent/index.tsx | 15 +++----- .../components/inputListComponent/index.tsx | 22 ++++++----- .../src/components/intComponent/index.tsx | 6 +-- .../src/components/loadingComponent/index.tsx | 6 +-- .../src/components/promptComponent/index.tsx | 16 +++++--- .../components/textAreaComponent/index.tsx | 16 +++++--- .../src/components/toggleComponent/index.tsx | 8 ++-- src/frontend/src/components/ui/card.tsx | 2 +- .../src/components/ui/dropdown-menu.tsx | 2 +- .../src/components/ui/rename-label.tsx | 4 +- src/frontend/src/components/ui/tabs.tsx | 2 +- src/frontend/src/constants.tsx | 2 +- src/frontend/src/modals/ApiModal/index.tsx | 10 ++--- .../src/modals/EditNodeModal/index.tsx | 18 ++++----- .../NodeModal/components/ModalField/index.tsx | 2 +- src/frontend/src/modals/NodeModal/index.tsx | 20 +++++----- .../src/modals/chatModal/chatInput/index.tsx | 4 +- .../chatModal/chatMessage/codeBlock/index.tsx | 4 +- .../modals/chatModal/chatMessage/index.tsx | 32 ++++++++-------- .../modals/chatModal/fileComponent/index.tsx | 20 +++++----- src/frontend/src/modals/chatModal/index.tsx | 26 ++++++------- .../src/modals/codeAreaModal/index.tsx | 8 ++-- src/frontend/src/modals/exportModal/index.tsx | 4 +- .../src/modals/flowSettingsModal/index.tsx | 4 +- .../src/modals/genericModal/index.tsx | 4 +- .../modals/importModal/buttonBox/index.tsx | 10 ++--- src/frontend/src/modals/importModal/index.tsx | 20 +++++----- src/frontend/src/modals/promptModal/index.tsx | 14 +++---- .../src/modals/textAreaModal/index.tsx | 14 +++---- .../src/pages/CommunityPage/index.tsx | 14 +++---- .../components/DisclosureComponent/index.tsx | 2 +- .../components/PageComponent/index.tsx | 12 +++--- .../extraSidebarComponent/index.tsx | 38 +++++++++---------- .../components/nodeToolbarComponent/index.tsx | 16 ++++---- src/frontend/src/pages/FlowPage/index.tsx | 2 +- src/frontend/src/pages/MainPage/index.tsx | 18 ++++----- 59 files changed, 325 insertions(+), 329 deletions(-) diff --git a/src/backend/langflow/graph/edge/base.py b/src/backend/langflow/graph/edge/base.py index b7a71ffa1..88a177e40 100644 --- a/src/backend/langflow/graph/edge/base.py +++ b/src/backend/langflow/graph/edge/base.py @@ -27,11 +27,7 @@ class Edge: # Get what type of input the target node is expecting self.matched_type = next( - ( - output - for output in self.source_types - if output in self.target_reqs - ), + (output for output in self.source_types if output in self.target_reqs), None, ) no_matched_type = self.matched_type is None diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx index 259c40fad..bf1fb7038 100644 --- a/src/frontend/src/App.tsx +++ b/src/frontend/src/App.tsx @@ -103,7 +103,7 @@ export default function App() { return ( //need parent component with width and height -
+
{ window.localStorage.removeItem("tabsData"); @@ -118,7 +118,7 @@ export default function App() {
{alertsList.map((alert) => ( diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx index 7e5b8e315..3dc17f3e2 100644 --- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx @@ -86,7 +86,7 @@ export default function ParameterComponent({ 0 ? "items-center flex mt-3" : "items-center flex" + i > 0 ? "mt-3 flex items-center" : "flex items-center" )} >
<> -
+
{title} {required ? " *" : ""}
@@ -155,7 +155,7 @@ export default function ParameterComponent({ } className={classNames( left ? "-ml-0.5 " : "-mr-0.5 ", - "w-3 h-3 rounded-full border-2 bg-background" + "h-3 w-3 rounded-full border-2 bg-background" )} style={{ borderColor: color, @@ -220,7 +220,7 @@ export default function ParameterComponent({ ) : left === true && type === "str" && data.node.template[name].options ? ( -
+
-
+
diff --git a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx index 5827ccc2f..5a16390bb 100644 --- a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx +++ b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx @@ -25,14 +25,14 @@ export default function SingleAlert({ > {type === "error" ? (
-

+

{dropItem.title}

{dropItem.list ? ( @@ -72,17 +72,17 @@ export default function SingleAlert({
) : type === "notice" ? (
-

+

{dropItem.title}

-

+

{dropItem.link ? ( ) : (

diff --git a/src/frontend/src/alerts/alertDropDown/index.tsx b/src/frontend/src/alerts/alertDropDown/index.tsx index fe6845ff9..ef703f624 100644 --- a/src/frontend/src/alerts/alertDropDown/index.tsx +++ b/src/frontend/src/alerts/alertDropDown/index.tsx @@ -24,9 +24,9 @@ export default function AlertDropdown({}: AlertDropdownType) { return (
-
+
Notifications
-
+
{notificationList.length !== 0 ? ( notificationList.map((alertItem, index) => ( )) ) : ( -
+
No new notifications
)} diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx index 872fa69bd..31980dc6b 100644 --- a/src/frontend/src/alerts/error/index.tsx +++ b/src/frontend/src/alerts/error/index.tsx @@ -39,7 +39,7 @@ export default function ErrorAlert({ removeAlert(id); }, 500); }} - className="rounded-md w-96 mt-6 shadow-xl bg-error-background p-4 cursor-pointer" + className="mt-6 w-96 cursor-pointer rounded-md bg-error-background p-4 shadow-xl" >
diff --git a/src/frontend/src/alerts/notice/index.tsx b/src/frontend/src/alerts/notice/index.tsx index 4d0747919..9af51a531 100644 --- a/src/frontend/src/alerts/notice/index.tsx +++ b/src/frontend/src/alerts/notice/index.tsx @@ -36,7 +36,7 @@ export default function NoticeAlert({ setShow(false); removeAlert(id); }} - className="rounded-md w-96 mt-6 shadow-xl bg-info-background p-4" + className="mt-6 w-96 rounded-md bg-info-background p-4 shadow-xl" >
@@ -44,7 +44,7 @@ export default function NoticeAlert({

{title}

-

+

{link !== "" ? (

diff --git a/src/frontend/src/components/CrashErrorComponent/index.tsx b/src/frontend/src/components/CrashErrorComponent/index.tsx index 8bd32af92..fd7d22c36 100644 --- a/src/frontend/src/components/CrashErrorComponent/index.tsx +++ b/src/frontend/src/components/CrashErrorComponent/index.tsx @@ -1,11 +1,11 @@ export default function CrashErrorComponent({ error, resetErrorBoundary }) { return ( -
-
-

+
+
+

Oops! An unknown error has occurred.

-

+

Please click the 'Reset Application' button to restore the application's state. If the error persists, please create an issue on our GitHub page. We apologize for any inconvenience this may have @@ -14,7 +14,7 @@ export default function CrashErrorComponent({ error, resetErrorBoundary }) {

@@ -22,7 +22,7 @@ export default function CrashErrorComponent({ error, resetErrorBoundary }) { href="https://github.com/logspace-ai/langflow/issues/new" target="_blank" rel="noopener noreferrer" - className="bg-status-red hover:bg-error-foreground text-background font-bold py-2 px-4 rounded" + className="rounded bg-status-red px-4 py-2 font-bold text-background hover:bg-error-foreground" > Create Issue diff --git a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx index 7aa225056..7ce5f4f26 100644 --- a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx +++ b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx @@ -47,7 +47,7 @@ export const EditFlowSettings: React.FC = ({
Name{" "} {isMaxLength && ( - + Character limit reached )} @@ -71,7 +71,7 @@ export const EditFlowSettings: React.FC = ({ onChange={handleDescriptionChange} value={description ?? ""} placeholder="Flow description" - className="max-h-[100px] mt-2 font-normal" + className="mt-2 max-h-[100px] font-normal" rows={3} /> diff --git a/src/frontend/src/components/ExtraSidebarComponent/index.tsx b/src/frontend/src/components/ExtraSidebarComponent/index.tsx index 913b6b8eb..6bc95cde7 100644 --- a/src/frontend/src/components/ExtraSidebarComponent/index.tsx +++ b/src/frontend/src/components/ExtraSidebarComponent/index.tsx @@ -18,10 +18,10 @@ export default function ExtraSidebar() {