diff options
Diffstat (limited to 'packages/cli/src/ui/components/LoadingIndicator.tsx')
| -rw-r--r-- | packages/cli/src/ui/components/LoadingIndicator.tsx | 42 |
1 files changed, 22 insertions, 20 deletions
diff --git a/packages/cli/src/ui/components/LoadingIndicator.tsx b/packages/cli/src/ui/components/LoadingIndicator.tsx index 8a3f9b5e..442ddf26 100644 --- a/packages/cli/src/ui/components/LoadingIndicator.tsx +++ b/packages/cli/src/ui/components/LoadingIndicator.tsx @@ -3,30 +3,32 @@ import { Box, Text } from 'ink'; import Spinner from 'ink-spinner'; interface LoadingIndicatorProps { - isLoading: boolean; - currentLoadingPhrase: string; - elapsedTime: number; + isLoading: boolean; + currentLoadingPhrase: string; + elapsedTime: number; } const LoadingIndicator: React.FC<LoadingIndicatorProps> = ({ - isLoading, - currentLoadingPhrase, - elapsedTime, + isLoading, + currentLoadingPhrase, + elapsedTime, }) => { - if (!isLoading) { - return null; // Don't render anything if not loading - } + if (!isLoading) { + return null; // Don't render anything if not loading + } - return ( - <Box marginTop={1} paddingLeft={0}> - <Box marginRight={1}> - <Spinner type="dots" /> - </Box> - <Text color="cyan">{currentLoadingPhrase} ({elapsedTime}s)</Text> - <Box flexGrow={1}>{/* Spacer */}</Box> - <Text color="gray">(ESC to cancel)</Text> - </Box> - ); + return ( + <Box marginTop={1} paddingLeft={0}> + <Box marginRight={1}> + <Spinner type="dots" /> + </Box> + <Text color="cyan"> + {currentLoadingPhrase} ({elapsedTime}s) + </Text> + <Box flexGrow={1}>{/* Spacer */}</Box> + <Text color="gray">(ESC to cancel)</Text> + </Box> + ); }; -export default LoadingIndicator;
\ No newline at end of file +export default LoadingIndicator; |
