leyoda/rqbit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Magnet input: keydown

Browse source
This commit is contained in:
Igor Katson 2023-12-14 12:42:22 +00:00
parent 5a30b3fb0c
commit 74ae3cfca2
No known key found for this signature in database
GPG key ID: B4EC22B66D61A3F5
9 changed files with 59 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

7
crates/librqbit/webui/src/components/forms/FormInput.tsx
View file

@ -6,6 +6,7 @@ export const FormInput: React.FC<{
autoFocus?: boolean;
name: string;
inputType?: string;
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
placeholder?: string;
help?: string;
disabled?: boolean;
@ -16,13 +17,14 @@ export const FormInput: React.FC<{
name,
disabled,
onChange,
onKeyDown,
label,
help,
inputType,
placeholder,
}) => {
return (
<div className="flex flex-col gap-2 text-sm mb-6">
<div className="flex flex-col gap-2 text-sm mb-2">
<label htmlFor={name}>{label}</label>
<input
autoFocus={autoFocus}
@ -33,9 +35,10 @@ export const FormInput: React.FC<{
disabled={disabled}
placeholder={placeholder}
value={value}
onKeyDown={onKeyDown}
onChange={onChange}
/>
{help && <div className="text-xs text-slate-500 mb-3">{help}</div>}
{help && <div className="text-xs text-slate-500">{help}</div>}
</div>
);
};