From f609e58d70509c3c2a7ce873f177dd410efd5027 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 7 Nov 2023 02:06:00 +0200
Subject: [PATCH] create LogsPage

---
 src/pages/LogsPage/LogsPage.tsx | 52 +++++++++++++++++++++------------
 1 file changed, 34 insertions(+), 18 deletions(-)

diff --git a/src/pages/LogsPage/LogsPage.tsx b/src/pages/LogsPage/LogsPage.tsx
index 9b598518..11e2b194 100644
--- a/src/pages/LogsPage/LogsPage.tsx
+++ b/src/pages/LogsPage/LogsPage.tsx
@@ -1,27 +1,43 @@
-import { Stack, YStack } from "tamagui";
+import { Stack, XStack, YStack } from "tamagui";
 import TitleLogo from "../Dashboard/TitleLogo";
-import LogsTerminal from "./logsTerminal";
+
+import LeftSidebar from "../../components/General/LeftSidebar/LeftSidebar";
+import RightSidebar from "../../components/General/RightSideBar/RightSidebar";
+import LogsTerminal from "./LogsTerminal";
+import LogsSumCard from "./LogsSumCard";
 
 
 
 const LogsPage = () => {
     return (
-        <YStack
-            space="$4"
-            alignItems="start"
-            px="24px"
-            minWidth="500px"
-            width="50vh"
-            style={{
-                flexGrow: '1',
-                marginTop: '16px',
-                overflowY: 'auto',
-            }}
-            className={'transparent-scrollbar'}
-        >
-            <TitleLogo />
-            <LogsTerminal></LogsTerminal>
-        </YStack>
+        <XStack style={{ height: '100vh' }}>
+            <LeftSidebar />
+            <YStack
+                space="$4"
+                alignItems="start"
+                px="24px"
+                minWidth="500px"
+                width="50vh"
+                style={{
+                    flexGrow: '1',
+                    marginTop: '16px',
+                    overflowY: 'auto',
+                }}
+                className={'transparent-scrollbar'}
+            >
+                <TitleLogo />
+                <Stack style={{ width: '100%', alignItems: 'center' }}>
+                    <LogsTerminal />
+                    <XStack space='$8'>
+                        <LogsSumCard />
+                        <LogsSumCard />
+                        <LogsSumCard />
+                        <LogsSumCard />
+                    </XStack>
+                </Stack>
+            </YStack>
+            <RightSidebar />
+        </XStack >
     )
 }