From dd26dbf01a87e9d87408552aa5db48b2f69ef3f6 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Wed, 8 Nov 2023 02:06:09 +0200
Subject: [PATCH] Update style of logs window

---
 src/pages/LogsPage/LogsTerminal.tsx | 32 ++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/pages/LogsPage/LogsTerminal.tsx b/src/pages/LogsPage/LogsTerminal.tsx
index d1b292df..1c4172c7 100644
--- a/src/pages/LogsPage/LogsTerminal.tsx
+++ b/src/pages/LogsPage/LogsTerminal.tsx
@@ -600,21 +600,33 @@ function LogsTerminal() {
   };
 
   return (
-    <Stack>
+    <Stack style={{ borderRadius: '25%' }}>
 
-      <List
-        height={350}
-        itemCount={exampleData.length}
-        itemSize={35}
+      <InfiniteLoader
+        isItemLoaded={isItemLoaded}
+        itemCount={data.length}
+        loadMoreItems={loadMoreItems}
       >
-        {({ index }: any) => (
-          <Row data={exampleData[index]} index={index} />
+        {({ onItemsRendered, ref }) => (
+          <List
+            height={650}
+            width={1100}
+            itemCount={data.length}
+            itemSize={20}
+            itemData={data}
+            onItemsRendered={onItemsRendered}
+            ref={ref}
+          >
+            {({ index, style }) => (
+              <div style={style}>
+                <Row data={data[index]} index={index} />
+              </div>
+            )}
+          </List>
         )}
-      </List>
-
+      </InfiniteLoader>
     </Stack>
   );
 }
 
-
 export default LogsTerminal;