From 4ddd47da10b9900cf8fd63012aa99f6f3b331409 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Apr 2023 20:24:48 -0300
Subject: [PATCH] added bool toogle button

---
 .../NodeModal/components/ModalField/index.tsx | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index f786f2bb1..7841c4499 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -1,14 +1,16 @@
-import { useContext } from "react";
+import { useContext, useState } from "react";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import InputListComponent from "../../../../components/inputListComponent";
 import Dropdown from "../../../../components/dropdownComponent";
 import TextAreaComponent from "../../../../components/textAreaComponent";
 import InputComponent from "../../../../components/inputComponent";
+import ToggleComponent from "../../../../components/toggleComponent";
 
 export default function ModalField({ data, title, required, id, name, type }) {
 	const { save } = useContext(TabsContext);
-	console.log(name);
-	console.log(data.node.template[name].options);
+    const [enabled, setEnabled] = useState(
+		data.node.template[name]?.value ?? false
+	);
 
 	return (
 		<div>
@@ -49,8 +51,21 @@ export default function ModalField({ data, title, required, id, name, type }) {
 						/>
 					)}
 				</div>
+			) : type === "bool" ? (
+				<div>
+					{" "}
+					<ToggleComponent
+						disabled={false}
+						enabled={enabled}
+						setEnabled={(t) => {
+							data.node.template[name].value = t;
+							setEnabled(t);
+							save();
+						}}
+					/>
+				</div>
 			) : (
-				<div>{name}</div>
+				<div></div>
 			)}
 		</div>
 	);