diff --git a/src/components/DeviceCPULoad.tsx b/src/components/DeviceCPULoad.tsx index 25897265..49c5ff58 100644 --- a/src/components/DeviceCPULoad.tsx +++ b/src/components/DeviceCPULoad.tsx @@ -1,7 +1,7 @@ import StandartLineChart from './StandardLineChart' import IconText from './IconText' import { Paragraph, Separator, XStack, YStack } from 'tamagui' -import { Shadow } from '@status-im/components' +import { Shadow, Text } from '@status-im/components' type DataPoint = { x: number @@ -34,7 +34,16 @@ const DeviceCPULoad: React.FC = ({ load }) => { const message = currentLoad < 80 ? 'Good' : 'Poor' return ( - + = ({ load }) => { > {message} - {/* This is additional text */} + {message === 'Poor' && ( + + {((currentLoad / 80) * 100).toFixed(0)}% Uttilization + + )} diff --git a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx index a1d7131f..d885da64 100644 --- a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx +++ b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx @@ -41,11 +41,11 @@ const DeviceHeanlthCheckContent = () => { /> - + - +