From 8413c4c6c0d0b6b70b111d0101ec63abc5243f0d Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Apr 2023 20:37:40 -0300
Subject: [PATCH] added template for complicated type

---
 .../NodeModal/components/ModalField/index.tsx    | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index a319c5031..17ba5545f 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -6,6 +6,7 @@ import TextAreaComponent from "../../../../components/textAreaComponent";
 import InputComponent from "../../../../components/inputComponent";
 import ToggleComponent from "../../../../components/toggleComponent";
 import FloatComponent from "../../../../components/floatComponent";
+import IntComponent from "../../../../components/intComponent";
 
 export default function ModalField({ data, title, required, id, name, type }) {
 	const { save } = useContext(TabsContext);
@@ -80,6 +81,21 @@ export default function ModalField({ data, title, required, id, name, type }) {
 					onSelect={(newValue) => (data.node.template[name].value = newValue)}
 					value={data.node.template[name].value ?? "Choose an option"}
 				></Dropdown>
+			) : type === "int" ? (
+				<IntComponent
+					disabled={false}
+					value={data.node.template[name].value ?? ""}
+					onChange={(t) => {
+						data.node.template[name].value = t;
+						save();
+					}}
+				/>
+			) : type === "file" ? (
+				<div>file</div>
+			) : type === "prompt" ? (
+				<div>code</div>
+			) : type === "code" ? (
+				<div>code</div>
 			) : (
 				<div>{name}</div>
 			)}