From 44b0ca9a15746c622c7cc9d4085dc069e8893fc4 Mon Sep 17 00:00:00 2001 From: Gabriel Luiz Freitas Almeida Date: Tue, 28 Nov 2023 23:08:26 -0300 Subject: [PATCH] Fix formatting issues and add missing semicolons --- .../src/CustomNodes/GenericNode/index.tsx | 6 +- src/frontend/src/contexts/flowsContext.tsx | 5 +- src/frontend/src/controllers/API/index.ts | 4 +- .../src/icons/GradientSparkles/index.tsx | 11 +- .../modals/DeleteConfirmationModal/index.tsx | 4 +- .../src/modals/EditNodeModal/index.tsx | 200 +++++++----------- src/frontend/src/modals/baseModal/index.tsx | 4 +- .../SelectionMenuComponent/index.tsx | 9 +- .../extraSidebarComponent/index.tsx | 6 +- .../components/nodeToolbarComponent/index.tsx | 5 +- .../MainPage/components/components/index.tsx | 4 +- src/frontend/src/utils/styleUtils.ts | 4 +- 12 files changed, 116 insertions(+), 146 deletions(-) diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx index 679e3863b..afa2558f7 100644 --- a/src/frontend/src/CustomNodes/GenericNode/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx @@ -135,7 +135,9 @@ export default function GenericNode({ position={{ x: xPos, y: yPos }} data={data} deleteNode={deleteNode} - setShowNode={(showNode: boolean) => {data.showNode = showNode}} + setShowNode={(showNode: boolean) => { + data.showNode = showNode; + }} numberOfHandles={handles} showNode={showNode} > @@ -513,7 +515,7 @@ export default function GenericNode({ dataType: data.type, })} data={data} - color={nodeColors[types[data.type]] ?? nodeColors.unknown} + color={nodeColors[types[data.type]] ?? nodeColors.unknown} title={ data.node?.output_types && data.node.output_types.length > 0 ? data.node.output_types.join("|") diff --git a/src/frontend/src/contexts/flowsContext.tsx b/src/frontend/src/contexts/flowsContext.tsx index f6f9660d7..4610f126d 100644 --- a/src/frontend/src/contexts/flowsContext.tsx +++ b/src/frontend/src/contexts/flowsContext.tsx @@ -418,7 +418,10 @@ export function FlowsProvider({ children }: { children: ReactNode }) { const insidePosition = position.paneX ? { x: position.paneX + position.x, y: position.paneY! + position.y } - : reactFlowInstance!.screenToFlowPosition({ x: position.x, y: position.y }); + : reactFlowInstance!.screenToFlowPosition({ + x: position.x, + y: position.y, + }); selectionInstance.nodes.forEach((node: NodeType) => { // Generate a unique node ID diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts index 8e5517131..4bcdf2779 100644 --- a/src/frontend/src/controllers/API/index.ts +++ b/src/frontend/src/controllers/API/index.ts @@ -357,10 +357,10 @@ export async function postCustomComponent( code: string, apiClass: APIClassType ): Promise> { - let template = apiClass.template + let template = apiClass.template; return await api.post(`${BASE_URL_API}custom_component`, { code, - template + template, }); } diff --git a/src/frontend/src/icons/GradientSparkles/index.tsx b/src/frontend/src/icons/GradientSparkles/index.tsx index ac1d89aff..f07c415e1 100644 --- a/src/frontend/src/icons/GradientSparkles/index.tsx +++ b/src/frontend/src/icons/GradientSparkles/index.tsx @@ -1,4 +1,4 @@ -import { InfinityIcon, Terminal, Code } from "lucide-react"; +import { Code } from "lucide-react"; import { forwardRef } from "react"; import ForwardedIconComponent from "../../components/genericIconComponent"; @@ -21,7 +21,6 @@ export const GradientInfinity = forwardRef< ); }); - export const GradientSave = forwardRef< SVGSVGElement, React.PropsWithChildren<{}> @@ -38,7 +37,7 @@ export const GradientSave = forwardRef< @@ -57,11 +56,7 @@ export const GradientGroup = (props) => { - + ); }; diff --git a/src/frontend/src/modals/DeleteConfirmationModal/index.tsx b/src/frontend/src/modals/DeleteConfirmationModal/index.tsx index ab0d43c4f..0800e3984 100644 --- a/src/frontend/src/modals/DeleteConfirmationModal/index.tsx +++ b/src/frontend/src/modals/DeleteConfirmationModal/index.tsx @@ -41,7 +41,9 @@ export default function DeleteConfirmationModal({ - + diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx index 970e05e0d..eb21e6495 100644 --- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx @@ -344,10 +344,10 @@ export default function ExtraSidebar(): JSX.Element { } else if (b.toLowerCase() === "saved_components") { return 1; } else if (a.toLowerCase() === "custom_components") { - return -2 + return -2; } else if (b.toLowerCase() === "custom_components") { - return 2 - }else { + return 2; + } else { return a.localeCompare(b); } }) diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx index fb43309fd..1fb7c218a 100644 --- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx @@ -11,6 +11,7 @@ import { } from "../../../../components/ui/select-custom"; import { FlowsContext } from "../../../../contexts/flowsContext"; import { StoreContext } from "../../../../contexts/storeContext"; +import { undoRedoContext } from "../../../../contexts/undoRedoContext"; import ConfirmationModal from "../../../../modals/ConfirmationModal"; import EditNodeModal from "../../../../modals/EditNodeModal"; import ShareModal from "../../../../modals/shareModal"; @@ -23,7 +24,6 @@ import { updateFlowPosition, } from "../../../../utils/reactflowUtils"; import { classNames } from "../../../../utils/utils"; -import { undoRedoContext } from "../../../../contexts/undoRedoContext"; export default function NodeToolbarComponent({ data, @@ -295,7 +295,8 @@ export default function NodeToolbarComponent({ > - It seems {data.node?.display_name} already exists. Do you want to replace it with the current or create a new one? + It seems {data.node?.display_name} already exists. Do you want + to replace it with the current or create a new one? diff --git a/src/frontend/src/pages/MainPage/components/components/index.tsx b/src/frontend/src/pages/MainPage/components/components/index.tsx index a3ee0de2a..dac6a2cf9 100644 --- a/src/frontend/src/pages/MainPage/components/components/index.tsx +++ b/src/frontend/src/pages/MainPage/components/components/index.tsx @@ -96,7 +96,9 @@ export default function ComponentsComponent({
{!isLoading && data.length === 0 ? ( -
You haven't created any {name}s yet.
+
+ You haven't created any {name}s yet. +
) : (
{!isLoading || data?.length > 0 ? ( diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts index 9d5136975..a29aafb59 100644 --- a/src/frontend/src/utils/styleUtils.ts +++ b/src/frontend/src/utils/styleUtils.ts @@ -16,6 +16,7 @@ import { Circle, Clipboard, Code2, + Combine, Compass, Copy, Cpu, @@ -80,6 +81,7 @@ import { Square, Store, SunIcon, + TerminalIcon, TerminalSquare, ToyBrick, Trash2, @@ -99,8 +101,6 @@ import { X, XCircle, Zap, - Combine, - TerminalIcon } from "lucide-react"; import { FaApple, FaGithub } from "react-icons/fa"; import { AWSIcon } from "../icons/AWS";