diff options
Diffstat (limited to 'packages/cli/src/ui/components/MemoryUsageDisplay.tsx')
| -rw-r--r-- | packages/cli/src/ui/components/MemoryUsageDisplay.tsx | 12 |
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> ); |
