diff options
Diffstat (limited to 'packages/cli/src/ui/components/InputPrompt.tsx')
| -rw-r--r-- | packages/cli/src/ui/components/InputPrompt.tsx | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/packages/cli/src/ui/components/InputPrompt.tsx b/packages/cli/src/ui/components/InputPrompt.tsx index 86e760ee..b5c3cc7d 100644 --- a/packages/cli/src/ui/components/InputPrompt.tsx +++ b/packages/cli/src/ui/components/InputPrompt.tsx @@ -5,8 +5,9 @@ */ import React from 'react'; -import { Box, useInput, useFocus } from 'ink'; +import { Text, Box, useInput, useFocus } from 'ink'; import TextInput from 'ink-text-input'; +import { Colors } from '../colors.js'; interface InputPromptProps { onSubmit: (value: string) => void; @@ -29,19 +30,18 @@ export const InputPrompt: React.FC<InputPromptProps> = ({ onSubmit }) => { ); return ( - <Box - borderStyle="round" - borderColor={isFocused ? 'blue' : 'gray'} - paddingX={1} - > - <TextInput - value={value} - onChange={setValue} - placeholder="Enter your message or use tools..." - onSubmit={() => { - /* Empty to prevent double submission */ - }} - /> + <Box borderStyle="round" borderColor={Colors.AccentBlue} paddingX={1}> + <Text color={Colors.AccentPurple}>> </Text> + <Box flexGrow={1}> + <TextInput + value={value} + onChange={setValue} + placeholder="Enter your message or use tools..." + onSubmit={() => { + /* Empty to prevent double submission */ + }} + /> + </Box> </Box> ); }; |
