summaryrefslogtreecommitdiff
path: root/packages/cli/src/ui/components/LoadingIndicator.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/cli/src/ui/components/LoadingIndicator.tsx')
-rw-r--r--packages/cli/src/ui/components/LoadingIndicator.tsx42
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;