From 2c5b7da8165e3f8b90748e8ced1de0e3e8d52309 Mon Sep 17 00:00:00 2001
From: lazydancer <jrpucula@gmail.com>
Date: Sun, 22 Dec 2024 17:33:11 -0500
Subject: Initial

---
 frontend/src/LogComponent.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 frontend/src/LogComponent.js

(limited to 'frontend/src/LogComponent.js')

diff --git a/frontend/src/LogComponent.js b/frontend/src/LogComponent.js
new file mode 100644
index 0000000..1c6900f
--- /dev/null
+++ b/frontend/src/LogComponent.js
@@ -0,0 +1,22 @@
+import React, { useEffect, useRef } from 'react';
+
+const LogComponent = ({ messages }) => {
+  const endOfMessagesRef = useRef(null);
+
+  useEffect(() => {
+    endOfMessagesRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages]);
+
+  return (
+    <div className="text-white p-4 font-mono h-full overflow-auto text-sm">
+      {messages.map((message, index) => (
+        <div key={index} className="text-left mb-1">
+          {message}
+        </div>
+      ))}
+      <div ref={endOfMessagesRef} />
+    </div>
+  );
+};
+
+export default LogComponent;
-- 
cgit v1.3