fix UI node container

arayabrain · Dec 18, 2023 · 89816b8 · 89816b8
1 parent d5aac05
commit 89816b8
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 8 deletions.
diff --git a/frontend/src/components/Workspace/FlowChart/FlowChartNode/BehaviorFileNode.tsx b/frontend/src/components/Workspace/FlowChart/FlowChartNode/BehaviorFileNode.tsx
@@ -2,7 +2,6 @@ import { memo } from "react"
 import { useDispatch, useSelector } from "react-redux"
 import { Handle, Position, NodeProps } from "reactflow"
 
-import { ParamSettingDialog } from "components/Workspace/FlowChart/FlowChartNode/CsvFileNode"
 import { FileSelect } from "components/Workspace/FlowChart/FlowChartNode/FileSelect"
 import { toHandleId } from "components/Workspace/FlowChart/FlowChartNode/FlowChartUtils"
 import { useHandleColor } from "components/Workspace/FlowChart/FlowChartNode/HandleColorHook"

diff --git a/frontend/src/components/Workspace/FlowChart/FlowChartNode/CsvFileNode.tsx b/frontend/src/components/Workspace/FlowChart/FlowChartNode/CsvFileNode.tsx
@@ -87,7 +87,6 @@ const CsvFileNodeImple = memo(function CsvFileNodeImple({
         fileType={FILE_TYPE_SET.CSV}
         filePath={filePath ?? ""}
       />
-      {/*{!!filePath && <ParamSettingDialog nodeId={nodeId} filePath={filePath} />}*/}
       <Handle
         type="source"
         position={Position.Right}

diff --git a/frontend/src/components/Workspace/FlowChart/FlowChartNode/NodeContainer.tsx b/frontend/src/components/Workspace/FlowChart/FlowChartNode/NodeContainer.tsx
@@ -35,7 +35,7 @@ export const NodeContainer: FC<{
         flexDirection: "column",
       }}
     >
-      <Box marginX={1}>{children}</Box>
+      <Box margin={1}>{children}</Box>
       <Tooltip title={nodeId} placement="bottom-start">
         <Typography
           marginX={1}

diff --git a/frontend/src/const/flowchart.ts b/frontend/src/const/flowchart.ts
@@ -5,15 +5,15 @@ export const INITIAL_IMAGE_ELEMENT_NAME = "NoName"
 export const NANO_ID_LENGTH = 10
 export const ALGO_NODE_STYLE: CSSProperties = {
   border: "1px solid #777",
-  height: 125,
+  height: 140,
   width: 250,
   padding: 0,
   borderRadius: 0,
 } as const
 
 export const DATA_NODE_STYLE: CSSProperties = {
   border: "1px solid #777",
-  height: 125,
+  height: 140,
   width: 250,
 } as const
 

diff --git a/frontend/src/store/test/record/RecordReproduce.test.ts b/frontend/src/store/test/record/RecordReproduce.test.ts
@@ -219,7 +219,7 @@ describe("RecordReproduce", () => {
           position: { x: 51, y: 150 },
           style: {
             border: "1px solid #777",
-            height: 125,
+            height: 140,
             width: 250,
           },
         },
@@ -230,7 +230,7 @@ describe("RecordReproduce", () => {
           position: { x: 350, y: 151.3534781075913 },
           style: {
             border: "1px solid #777",
-            height: 125,
+            height: 140,
             width: 250,
             padding: 0,
             borderRadius: 0,
@@ -243,7 +243,7 @@ describe("RecordReproduce", () => {
           position: { x: 600, y: 164.03341976235507 },
           style: {
             border: "1px solid #777",
-            height: 125,
+            height: 140,
             width: 250,
             padding: 0,
             borderRadius: 0,