diff --git a/src/components/DeviceMemoryHealth.tsx b/src/components/DeviceMemoryHealth.tsx index 767b053d..b7012b22 100644 --- a/src/components/DeviceMemoryHealth.tsx +++ b/src/components/DeviceMemoryHealth.tsx @@ -2,7 +2,7 @@ import StandartLineChart from './StandardLineChart' import IconText from './IconText' import { Paragraph, Separator, XStack, YStack } from 'tamagui' -import { Shadow as ShadowBox } from '@status-im/components' +import { Shadow as ShadowBox, Text } from '@status-im/components' type DataPoint = { x: number @@ -18,7 +18,7 @@ type ChartData = { type DeviceMemoryProps = { currentMemory: number[] - maxMemory?: number + maxMemory: number } const DeviceMemory = ({ currentMemory, maxMemory }: DeviceMemoryProps) => { const chartData: ChartData[] = [ @@ -38,13 +38,22 @@ const DeviceMemory = ({ currentMemory, maxMemory }: DeviceMemoryProps) => { const message = currentLoad < 80 ? 'Good' : 'Poor' return ( - +
@@ -64,7 +73,11 @@ const DeviceMemory = ({ currentMemory, maxMemory }: DeviceMemoryProps) => { {message} - {/* This is additional text */} + {message === 'Poor' && ( + + {((currentLoad / maxMemory) * 100).toFixed(0)}% Uttilization + + )} diff --git a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx index e8da3229..1b4debd9 100644 --- a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx +++ b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx @@ -40,7 +40,7 @@ const DeviceHeanlthCheckContent = () => { isAdvancedSettings={true} /> - +