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