mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
9ad4c03277
1) Downgrade numpy to avoid dependency conflict with numba 2) Move all non ldm/invoke files into `invokeai`. This includes assets, backend, frontend, and configs. 3) Fix up way that the backend finds the frontend and the generator finds the NSFW caution.png icon.
48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
import { FormControl, FormLabel, Input, InputProps } from '@chakra-ui/react';
|
|
import { ChangeEvent } from 'react';
|
|
|
|
interface IAIInputProps extends InputProps {
|
|
styleClass?: string;
|
|
label?: string;
|
|
width?: string | number;
|
|
value?: string;
|
|
size?: string;
|
|
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
}
|
|
|
|
export default function IAIInput(props: IAIInputProps) {
|
|
const {
|
|
label = '',
|
|
styleClass,
|
|
isDisabled = false,
|
|
fontSize = 'sm',
|
|
width,
|
|
size = 'sm',
|
|
isInvalid,
|
|
...rest
|
|
} = props;
|
|
|
|
return (
|
|
<FormControl
|
|
className={`input ${styleClass}`}
|
|
isInvalid={isInvalid}
|
|
isDisabled={isDisabled}
|
|
>
|
|
{label !== '' && (
|
|
<FormLabel
|
|
fontSize={fontSize}
|
|
fontWeight="bold"
|
|
alignItems="center"
|
|
whiteSpace="nowrap"
|
|
marginBottom={0}
|
|
marginRight={0}
|
|
className="input-label"
|
|
>
|
|
{label}
|
|
</FormLabel>
|
|
)}
|
|
<Input {...rest} className="input-entry" size={size} width={width} />
|
|
</FormControl>
|
|
);
|
|
}
|