From a78a71c997c2d24b0113f81088804c93f270975d Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 13 Apr 2023 01:10:13 -0300
Subject: [PATCH] required in advanced icon and items, need new variable from
 backend

---
 .../src/CustomNodes/GenericNode/index.tsx         | 11 +++++++++++
 .../NodeModal/components/ModalField/index.tsx     | 15 +++++++++++++--
 .../src/modals/NodeModal/components/index.tsx     |  1 -
 3 files changed, 24 insertions(+), 3 deletions(-)
 delete mode 100644 src/frontend/src/modals/NodeModal/components/index.tsx

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index cce14fd49..ab3b8f9f1 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -12,6 +12,7 @@ import { NodeDataType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
 import { PopUpContext } from "../../contexts/popUpContext";
 import NodeModal from "../../modals/NodeModal";
+import { relative } from "path";
 
 export default function GenericNode({
 	data,
@@ -56,11 +57,21 @@ export default function GenericNode({
 				</div>
 				<div className="flex gap-3">
 					<button
+						className="relative"
 						onClick={(event) => {
 							event.preventDefault();
 							openPopUp(<NodeModal data={data} />);
 						}}
 					>
+						<div className=" absolute text-red-600 -top-2 -right-1">
+							{Object.keys(data.node.template).some(
+								(t) =>
+									// data.node.template[t].advanced &&
+									data.node.template[t].required
+							)
+								? " *"
+								: ""}
+						</div>
 						<Cog6ToothIcon
 							className={classNames(
 								Object.keys(data.node.template).length < 1 ? "hidden" : "",
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index d0d907551..a6f56ca6d 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -27,8 +27,19 @@ export default function ModalField({ data, title, required, id, name, type }) {
 		type === "code";
 
 	return (
-		<div className={classNames("flex flex-row w-full items-center justify-between",display?"":"hidden")}>
-			{display && <span className="mx-2">{title}</span>}
+		<div
+			className={classNames(
+				"flex flex-row w-full items-center justify-between",
+				display ? "" : "hidden"
+			)}
+		>
+			{display && (
+				<div>
+					<span className="mx-2">{title}</span>
+					<span className="text-red-600">{required ? " *" : ""}</span>
+				</div>
+			)}
+
 			{type === "str" && !data.node.template[name].options ? (
 				<div className="w-1/2">
 					{data.node.template[name].list ? (
diff --git a/src/frontend/src/modals/NodeModal/components/index.tsx b/src/frontend/src/modals/NodeModal/components/index.tsx
deleted file mode 100644
index a7d78d90e..000000000
--- a/src/frontend/src/modals/NodeModal/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export const value=0
\ No newline at end of file