summaryrefslogtreecommitdiff
path: root/packages/cli/src/ui/components/MemoryUsageDisplay.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/cli/src/ui/components/MemoryUsageDisplay.tsx')
-rw-r--r--packages/cli/src/ui/components/MemoryUsageDisplay.tsx12
1 files changed, 4 insertions, 8 deletions
diff --git a/packages/cli/src/ui/components/MemoryUsageDisplay.tsx b/packages/cli/src/ui/components/MemoryUsageDisplay.tsx
index 55be64cc..d768445c 100644
--- a/packages/cli/src/ui/components/MemoryUsageDisplay.tsx
+++ b/packages/cli/src/ui/components/MemoryUsageDisplay.tsx
@@ -6,24 +6,20 @@
import React, { useEffect, useState } from 'react';
import { Box, Text } from 'ink';
-import { theme } from '../semantic-colors.js';
+import { Colors } from '../colors.js';
import process from 'node:process';
import { formatMemoryUsage } from '../utils/formatters.js';
export const MemoryUsageDisplay: React.FC = () => {
const [memoryUsage, setMemoryUsage] = useState<string>('');
- const [memoryUsageColor, setMemoryUsageColor] = useState<string>(
- theme.text.secondary,
- );
+ const [memoryUsageColor, setMemoryUsageColor] = useState<string>(Colors.Gray);
useEffect(() => {
const updateMemory = () => {
const usage = process.memoryUsage().rss;
setMemoryUsage(formatMemoryUsage(usage));
setMemoryUsageColor(
- usage >= 2 * 1024 * 1024 * 1024
- ? theme.status.error
- : theme.text.secondary,
+ usage >= 2 * 1024 * 1024 * 1024 ? Colors.AccentRed : Colors.Gray,
);
};
const intervalId = setInterval(updateMemory, 2000);
@@ -33,7 +29,7 @@ export const MemoryUsageDisplay: React.FC = () => {
return (
<Box>
- <Text color={theme.text.secondary}>| </Text>
+ <Text color={Colors.Gray}>| </Text>
<Text color={memoryUsageColor}>{memoryUsage}</Text>
</Box>
);