packages/cli/src/ui/components/Header.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

import React from 'react';
import { Box, Text } from 'ink';
import { UI_WIDTH, BOX_PADDING_X } from '../constants.js';
import { shortenPath } from '../../utils/paths.js';

interface HeaderProps {
  cwd: string;
}

const Header: React.FC<HeaderProps> = ({ cwd }) => {
  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>
    </>
  );
};

export default Header;