From 596263c42f929f8c4c24d55ec495f1f65f25ab18 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Apr 2023 21:23:25 -0300
Subject: [PATCH] showing all properties of the node template

---
 .../src/modals/NodeModal/components/index.tsx |  1 +
 src/frontend/src/modals/NodeModal/index.tsx   | 26 +++++++++++--------
 2 files changed, 16 insertions(+), 11 deletions(-)
 create mode 100644 src/frontend/src/modals/NodeModal/components/index.tsx

diff --git a/src/frontend/src/modals/NodeModal/components/index.tsx b/src/frontend/src/modals/NodeModal/components/index.tsx
new file mode 100644
index 000000000..a7d78d90e
--- /dev/null
+++ b/src/frontend/src/modals/NodeModal/components/index.tsx
@@ -0,0 +1 @@
+export const value=0
\ No newline at end of file
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 7ce868885..8b6f3e851 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -1,7 +1,5 @@
 import { Dialog, Transition } from "@headlessui/react";
-import {
-	XMarkIcon,
-} from "@heroicons/react/24/outline";
+import { XMarkIcon } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { NodeDataType } from "../../types/flow";
@@ -68,13 +66,13 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 								</div>
 								<div className="h-full w-full flex flex-col justify-center items-center">
 									<div className="flex w-full pb-4 z-10 justify-center shadow-sm">
-											<Icon
-												className="w-10 mt-4 h-10 p-1 rounded"
-												style={{
-													color:
-														nodeColors[types[data.type]] ?? nodeColors.unknown,
-												}}
-											/>
+										<Icon
+											className="w-10 mt-4 h-10 p-1 rounded"
+											style={{
+												color:
+													nodeColors[types[data.type]] ?? nodeColors.unknown,
+											}}
+										/>
 										<div className="mt-4 text-center sm:ml-4 sm:text-left">
 											<Dialog.Title
 												as="h3"
@@ -87,7 +85,13 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 									<div className="h-full w-full bg-gray-200 dark:bg-gray-900 p-4 gap-4 flex flex-row justify-center items-center">
 										<div className="flex h-full w-full">
 											<div className="overflow-hidden px-4 py-5 sm:p-6 w-full rounded-lg bg-white dark:bg-gray-800 shadow">
-												<div>content</div>
+												<div>
+													{Object.keys(data.node.template)
+														.filter((t) => t.charAt(0) !== "_")
+														.map((t: string, idx) => (
+															<div key={idx}>{t}</div>
+														))}
+												</div>
 											</div>
 										</div>
 									</div>