bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Input: add hasError styles

Browse source
This commit is contained in:
Alex Gleason 2022-05-09 11:28:38 -05:00
parent d2e4be0776
commit 5e531eda30
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/soapbox/components/ui/input/input.tsx
View file

@ -41,7 +41,7 @@ const Input = React.forwardRef<HTMLInputElement, IInput>(
(props, ref) => {
const intl = useIntl();
const { type = 'text', icon, className, outerClassName, ...filteredProps } = props;
const { type = 'text', icon, className, outerClassName, hasError, ...filteredProps } = props;
const [revealed, setRevealed] = React.useState(false);
@ -67,6 +67,7 @@ const Input = React.forwardRef<HTMLInputElement, IInput>(
'dark:bg-slate-800 block w-full sm:text-sm border-gray-300 dark:border-gray-600 rounded-md focus:ring-indigo-500 focus:border-indigo-500':
true,
'pr-7': isPassword,
'text-red-600 border-red-600': hasError,
'pl-8': typeof icon !== 'undefined',
}, className)}
/>