format

src/pages/LogsPage/LogsPage.tsx

@@ -1,44 +1,42 @@
-import { Stack, XStack, YStack } from "tamagui";
-import TitleLogo from "../Dashboard/TitleLogo";
-
-import LeftSidebar from "../../components/General/LeftSidebar/LeftSidebar";
-import RightSidebar from "../../components/General/RightSideBar/RightSidebar";
-import LogsTerminal from "./LogsTerminal";
-import LogsSumCard from "./LogsSumCard";
-
+import { Stack, XStack, YStack } from 'tamagui'
+import TitleLogo from '../Dashboard/TitleLogo'
 
+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 (
-        <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 >
-    )
+  return (
+    <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>
+  )
 }
 
-export default LogsPage;
+export default LogsPage

src/pages/LogsPage/LogsSumCard.tsx

@@ -1,58 +1,49 @@
-import { Text } from "@status-im/components";
-import { Separator, Stack, XStack, YStack } from "tamagui";
-import IconText from "../../components/General/IconText";
-import Icon from "../../components/General/Icon";
+import { Text } from '@status-im/components'
+import { Separator, Stack, XStack, YStack } from 'tamagui'
+import IconText from '../../components/General/IconText'
+import Icon from '../../components/General/Icon'
 
- 
 const LogsSumCard = () => {
-    return (
-        <YStack
-            style={{
-                borderRadius: '16px',
-                border: 'none',
-                backgroundColor: '#fff',
-                flexGrow: '1',
-                minWidth: '320px',
-            }}
-        >
-            <XStack
-                justifyContent="space-between"
-                style={{
-                    padding: '8px 16px',
-                    position: 'relative',
-                    flexGrow: '1',
-                }}
-            >
-                <YStack space={'$3'} width={'100%'}>
-                    <Text size={15} weight={'semibold'}>
-                        Critical
-                    </Text>
-                    <XStack justifyContent="space-between"  width={'100%'}>
-
-                    <Text size={27} weight={'semibold'}>
-                     16
-                    </Text>
-                    <Text size={19} weight={'semibold'} color="#84888E">
-                        Per Minute
-                    </Text>
-                    </XStack>
-                </YStack>
-               
-            </XStack>
-            <Separator borderColor={'#e3e3e3'} style={{ marginTop: 'auto' }} />
-            <XStack space={'$4'} style={{ padding: '10px 16px' }}>
-                <IconText
-                    icon={
-                        <Icon src="icons/active.svg" width={16} />
-                    }
-                    weight={'semibold'}
-                >
-                    {'Good'}
-                </IconText>
-
-            </XStack>
+  return (
+    <YStack
+      style={{
+        borderRadius: '16px',
+        border: 'none',
+        backgroundColor: '#fff',
+        flexGrow: '1',
+        minWidth: '320px',
+      }}
+    >
+      <XStack
+        justifyContent="space-between"
+        style={{
+          padding: '8px 16px',
+          position: 'relative',
+          flexGrow: '1',
+        }}
+      >
+        <YStack space={'$3'} width={'100%'}>
+          <Text size={15} weight={'semibold'}>
+            Critical
+          </Text>
+          <XStack justifyContent="space-between" width={'100%'}>
+            <Text size={27} weight={'semibold'}>
+              16
+            </Text>
+            <Text size={19} weight={'semibold'} color="#84888E">
+              Per Minute
+            </Text>
+          </XStack>
         </YStack>
-    );
+      </XStack>
+      <Separator borderColor={'#e3e3e3'} style={{ marginTop: 'auto' }} />
+      <XStack space={'$4'} style={{ padding: '10px 16px' }}>
+        <IconText icon={<Icon src="icons/active.svg" width={16} />} weight={'semibold'}>
+          {'Good'}
+        </IconText>
+      </XStack>
+    </YStack>
+  )
 }
 
-export default LogsSumCard;
+export default LogsSumCard