From 6fff9f9feb17a1e95f902961d41721331c4541b7 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Thu, 28 Sep 2023 23:06:31 +0300
Subject: [PATCH] Pass isInteractive to each graph separately

---
 src/components/Charts/DeviceCPULoad.tsx       | 2 +-
 src/components/Charts/DeviceMemoryHealth.tsx  | 4 ++--
 src/components/Charts/DeviceNetworkHealth.tsx | 4 ++--
 src/components/Charts/DeviceStorageHealth.tsx | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Charts/DeviceCPULoad.tsx b/src/components/Charts/DeviceCPULoad.tsx
index 5728ef5b..a211b72d 100644
--- a/src/components/Charts/DeviceCPULoad.tsx
+++ b/src/components/Charts/DeviceCPULoad.tsx
@@ -61,7 +61,7 @@ const DeviceCPULoad = ({ load }: DeviceCPULoadProps) => {
           }}
         >
           <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>
-            <StandartLineChart data={chartData} />
+            <StandartLineChart data={chartData} isInteractive={false} />
           </div>
           <YStack space={'$3'}>
             <Text size={15} weight={'semibold'}>
diff --git a/src/components/Charts/DeviceMemoryHealth.tsx b/src/components/Charts/DeviceMemoryHealth.tsx
index 1b5bf922..36c7c645 100644
--- a/src/components/Charts/DeviceMemoryHealth.tsx
+++ b/src/components/Charts/DeviceMemoryHealth.tsx
@@ -51,7 +51,7 @@ const DeviceMemoryHealth = ({ currentMemory, maxMemory }: DeviceMemoryHealthProp
         width: '50%',
         minHeight: '135px',
         borderRadius: '16px',
-        border: message === 'Poor' ? '1px solid #D92344' : '1px solid #E0E0E0',  
+        border: message === 'Poor' ? '1px solid #D92344' : '1px solid #E0E0E0',
         backgroundColor: isHovered ? '#f8f6ff' : (message === 'Poor' ? '#fefafa' : '#fff'),
       }}
       onMouseEnter={() => setIsHovered(true)}
@@ -66,7 +66,7 @@ const DeviceMemoryHealth = ({ currentMemory, maxMemory }: DeviceMemoryHealthProp
           }}
         >
           <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>
-            <StandartLineChart data={chartData} />
+            <StandartLineChart data={chartData} isInteractive={false} />
           </div>
           <YStack space={'$3'}>
             <Text size={15} weight={'semibold'}>
diff --git a/src/components/Charts/DeviceNetworkHealth.tsx b/src/components/Charts/DeviceNetworkHealth.tsx
index 88a22ea8..dcd8c24e 100644
--- a/src/components/Charts/DeviceNetworkHealth.tsx
+++ b/src/components/Charts/DeviceNetworkHealth.tsx
@@ -52,7 +52,7 @@ const DeviceNetworkHealth = ({ latency }: DeviceNetworkHealthProps) => {
         width: '50%',
         minHeight: '135px',
         borderRadius: '16px',
-        border: processedLatency.message === 'Poor' ? '1px solid #D92344' : '1px solid #E0E0E0',  
+        border: processedLatency.message === 'Poor' ? '1px solid #D92344' : '1px solid #E0E0E0',
         backgroundColor: isHovered ? '#f8f6ff' : (processedLatency.message === 'Poor' ? '#fefafa' : '#fff'),
       }}
       onMouseEnter={() => setIsHovered(true)}
@@ -67,7 +67,7 @@ const DeviceNetworkHealth = ({ latency }: DeviceNetworkHealthProps) => {
           }}
         >
           <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>
-            <StandartLineChart data={chartData} />
+            <StandartLineChart data={chartData} isInteractive={false} />
           </div>
           <YStack space={'$3'}>
             <Text size={15} weight={'semibold'}>
diff --git a/src/components/Charts/DeviceStorageHealth.tsx b/src/components/Charts/DeviceStorageHealth.tsx
index f83919f8..7042e415 100644
--- a/src/components/Charts/DeviceStorageHealth.tsx
+++ b/src/components/Charts/DeviceStorageHealth.tsx
@@ -42,7 +42,7 @@ const DeviceStorageHealth = ({ storage, maxStorage }: DeviceStorageHealthProps)
         width: '50%',
         minHeight: '135px',
         borderRadius: '16px',
-        border: message === 'Poor' ? '1px solid #D92344' : '1px solid #E0E0E0',  
+        border: message === 'Poor' ? '1px solid #D92344' : '1px solid #E0E0E0',
         backgroundColor: isHovered ? '#f8f6ff' : (message === 'Poor' ? '#fefafa' : '#fff'),
       }}
       onMouseEnter={() => setIsHovered(true)}
@@ -64,7 +64,7 @@ const DeviceStorageHealth = ({ storage, maxStorage }: DeviceStorageHealthProps)
               height: '4.75rem',
             }}
           >
-            <StandardGauge data={data(free)} />
+            <StandardGauge data={data(free)} isInteractive={false}/>
           </Stack>
           <YStack space={'$3'}>
             <Text size={15} weight={'semibold'}>