From f1d90110ae055b8740715916d7758a1559c0b907 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Tue, 28 May 2024 12:16:47 -0300
Subject: [PATCH] feat: Add TextOutputView component for displaying text output

This commit adds a new component called TextOutputView to the shared/components directory. The TextOutputView component is responsible for displaying text output in a textarea. It receives the necessary data from the flowPool and renders the appropriate text. This component improves the code organization and reusability of the text output display logic.
---
 .../components/textOutputView/index.tsx       | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/frontend/src/shared/components/textOutputView/index.tsx

diff --git a/src/frontend/src/shared/components/textOutputView/index.tsx b/src/frontend/src/shared/components/textOutputView/index.tsx
new file mode 100644
index 000000000..5f3aacb37
--- /dev/null
+++ b/src/frontend/src/shared/components/textOutputView/index.tsx
@@ -0,0 +1,20 @@
+import { Textarea } from "../../../components/ui/textarea";
+
+const TextOutputView = ({ left, node, flowPool }) => {
+  return (
+    <>
+      <Textarea
+        className={`w-full custom-scroll ${left ? " min-h-32" : " h-full"}`}
+        placeholder={"Empty"}
+        // update to real value on flowPool
+        value={
+          (flowPool[node.id] ?? [])[(flowPool[node.id]?.length ?? 1) - 1]?.data
+            .results.result ?? ""
+        }
+        readOnly
+      />
+    </>
+  );
+};
+
+export default TextOutputView;