diff --git a/src/App.tsx b/src/App.tsx index 87012520..4a21bef5 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -29,12 +29,12 @@ function App() { diff --git a/src/components/HealthInfoSection.tsx b/src/components/HealthInfoSection.tsx index 52ae0fbf..972585f0 100644 --- a/src/components/HealthInfoSection.tsx +++ b/src/components/HealthInfoSection.tsx @@ -6,6 +6,17 @@ const BAD_STORAGE_TEXT = 'Your storage is running low as required for additional const CPU_CLOCK_RATE_TEXT = '2.4GHz is recommended for CPU.' const GOOD_RAM_MEMORY_TEXT = 'There is sufficient RAM required for selected services.' const NETWORK_TEXT = 'Network Latency is low.' +import StatusIconText from './StatusIconText' +import { + BAD_CPU_CLOCK_RATE_TEXT, + BAD_NETWORK_TEXT, + BAD_RAM_MEMORY_TEXT, + BAD_STORAGE_TEXT, + GOOD_CPU_CLOCK_RATE_TEXT, + GOOD_NETWORK_TEXT, + GOOD_RAM_MEMORY_TEXT, + GOOD_STORAGE_TEXT, +} from '../constants' type HealthInfoSectionProps = { usedStorage: number @@ -29,6 +40,34 @@ const HealthInfoSection = (props: HealthInfoSectionProps) => { }, [usedRamMemory, maxRamMemory]) return + return ( + + + + + + + ) } export default HealthInfoSection