summaryrefslogtreecommitdiff
path: root/packages/cli/src/ui/components/Header.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/cli/src/ui/components/Header.tsx')
-rw-r--r--packages/cli/src/ui/components/Header.tsx44
1 files changed, 23 insertions, 21 deletions
diff --git a/packages/cli/src/ui/components/Header.tsx b/packages/cli/src/ui/components/Header.tsx
index c5a99a30..37d42b57 100644
--- a/packages/cli/src/ui/components/Header.tsx
+++ b/packages/cli/src/ui/components/Header.tsx
@@ -4,35 +4,37 @@ import { UI_WIDTH, BOX_PADDING_X } from '../constants.js';
import { shortenPath } from '../../utils/paths.js';
interface HeaderProps {
- cwd: string;
+ cwd: string;
}
const Header: React.FC<HeaderProps> = ({ cwd }) => {
- return (
- <>
- {/* Static Header Art */}
- <Box marginBottom={1}>
- <Text color="blue">{`
+ return (
+ <>
+ {/* Static Header Art */}
+ <Box marginBottom={1}>
+ <Text color="blue">{`
______ ________ ____ ____ _____ ____ _____ _____
.' ___ ||_ __ ||_ \\ / _||_ _||_ \\|_ _||_ _|
/ .' \\_| | |_ \\_| | \\/ | | | | \\ | | | |
| | ____ | _| _ | |\\ /| | | | | |\\ \\| | | |
\\ \`.___] |_| |__/ | _| |_\\/_| |_ _| |_ _| |_\\ |_ _| |_
\`._____.'|________||_____||_____||_____||_____|\\____||_____|`}</Text>
- </Box>
- {/* CWD Display */}
- <Box
- borderStyle="round"
- borderColor="blue"
- paddingX={BOX_PADDING_X}
- flexDirection="column"
- marginBottom={1}
- width={UI_WIDTH}
- >
- <Box paddingLeft={2}><Text color="gray">cwd: {shortenPath(cwd, /*maxLength*/ 70)}</Text></Box>
- </Box>
- </>
- );
+ </Box>
+ {/* CWD Display */}
+ <Box
+ borderStyle="round"
+ borderColor="blue"
+ paddingX={BOX_PADDING_X}
+ flexDirection="column"
+ marginBottom={1}
+ width={UI_WIDTH}
+ >
+ <Box paddingLeft={2}>
+ <Text color="gray">cwd: {shortenPath(cwd, /*maxLength*/ 70)}</Text>
+ </Box>
+ </Box>
+ </>
+ );
};
-export default Header; \ No newline at end of file
+export default Header;