From df14fd0d58966fc30799554a5e7405ad62a8ab9c Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 21 Jul 2023 10:27:50 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A8=20refactor(inputListComponent):=20?=
 =?UTF-8?q?extract=20classNames=20function=20to=20improve=20code=20readabi?=
 =?UTF-8?q?lity=20and=20reusability=20=F0=9F=90=9B=20fix(inputListComponen?=
 =?UTF-8?q?t):=20add=20conditional=20styling=20to=20the=20parent=20div=20b?=
 =?UTF-8?q?ased=20on=20the=20length=20of=20inputList=20and=20the=20presenc?=
 =?UTF-8?q?e=20of=20editNode=20to=20fix=20layout=20issues?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/inputListComponent/index.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx
index c3651d95e..4df66639f 100644
--- a/src/frontend/src/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/inputListComponent/index.tsx
@@ -4,6 +4,7 @@ import { InputListComponentType } from "../../types/components";
 import _ from "lodash";
 import IconComponent from "../genericIconComponent";
 import { Input } from "../ui/input";
+import { classNames } from "../../utils/utils";
 
 export default function InputListComponent({
   value,
@@ -28,7 +29,13 @@ export default function InputListComponent({
   }, [disabled, onChange]);
 
   return (
-    <div className="flex flex-col gap-3">
+    <div 
+    className={
+    classNames(
+      inputList.length > 1 && editNode ? "my-1" : "",
+      "flex flex-col gap-3"
+    )
+  }>
       {inputList.map((i, idx) => {
         return (
           <div key={idx} className="flex w-full gap-3">