From 4cfb809ecd83ef6df3fd8ff61a2e9941284e7314 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Thu, 9 Nov 2023 11:57:14 +0200
Subject: [PATCH] hide scroller

---
 src/pages/LogsPage/LogsTerminal.tsx | 10 +++++++---
 src/pages/LogsPage/scroller.css     |  9 +++++++++
 2 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/LogsPage/scroller.css

diff --git a/src/pages/LogsPage/LogsTerminal.tsx b/src/pages/LogsPage/LogsTerminal.tsx
index 476e03d2..bce14cf5 100644
--- a/src/pages/LogsPage/LogsTerminal.tsx
+++ b/src/pages/LogsPage/LogsTerminal.tsx
@@ -2,7 +2,7 @@ import { Text } from '@status-im/components'
 import { useEffect, useState } from 'react'
 import { FixedSizeList as List } from 'react-window'
 import InfiniteLoader from 'react-window-infinite-loader'
-
+import './scroller.css'
 import { Stack, XStack } from 'tamagui'
 
 type DataType = {
@@ -17,7 +17,7 @@ interface RowProps {
 
 const Row: React.FC<RowProps> = ({ data, index }) => {
   if (!data) {
-    return <Text size={19} >Loading...</Text>
+    return <Text size={19}>Loading...</Text>
   }
 
   const { option, description } = data
@@ -706,6 +706,7 @@ const LogsTerminal: React.FC = () => {
       >
         {({ onItemsRendered, ref }: any) => (
           <List
+            className="custom-scroll"
             height={650}
             width={1100}
             itemCount={data.length}
@@ -713,7 +714,10 @@ const LogsTerminal: React.FC = () => {
             itemData={data}
             onItemsRendered={onItemsRendered}
             ref={ref}
-            style={{ borderRadius: '25px', overflow: 'hidden', border: '1px solid #E7EAEE' }}
+            style={{
+              borderRadius: '25px',
+              border: '1px solid #E7EAEE',
+            }}
           >
             {({ index, style }) => (
               <Stack style={style}>
diff --git a/src/pages/LogsPage/scroller.css b/src/pages/LogsPage/scroller.css
new file mode 100644
index 00000000..ce835bcf
--- /dev/null
+++ b/src/pages/LogsPage/scroller.css
@@ -0,0 +1,9 @@
+.custom-scroll {
+    overflow: auto !important;
+    scrollbar-width: none;  
+    -ms-overflow-style: none;  
+  }
+  
+  .custom-scroll::-webkit-scrollbar {
+    display: none;  
+  }
\ No newline at end of file