f7edf71190
- This utilizes `ink-gradient` to render GEMINI CODE in amazing colors. - Added a shared color configuration for UX (should this be in config?). It's very possible that we shouldn't be talking about the specific colors and instead be mentioning "foreground"/"background"/inlineCode etc. type colors. - Updated existing color usages to utilize `Colors.*` Fixes https://b.corp.google.com/issues/411385593
47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { Text, Box, useInput, useFocus } from 'ink';
|
|
import TextInput from 'ink-text-input';
|
|
import { Colors } from '../colors.js';
|
|
|
|
interface InputPromptProps {
|
|
onSubmit: (value: string) => void;
|
|
}
|
|
|
|
export const InputPrompt: React.FC<InputPromptProps> = ({ onSubmit }) => {
|
|
const [value, setValue] = React.useState('');
|
|
const { isFocused } = useFocus({ autoFocus: true });
|
|
|
|
useInput(
|
|
(input, key) => {
|
|
if (key.return) {
|
|
if (value.trim()) {
|
|
onSubmit(value);
|
|
setValue('');
|
|
}
|
|
}
|
|
},
|
|
{ isActive: isFocused },
|
|
);
|
|
|
|
return (
|
|
<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>
|
|
);
|
|
};
|