forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-02 22:01:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed form labels

Browse Source
This commit is contained in:
Alejandro Celaya
2022-03-05 19:43:10 +01:00
parent 661b9b2cc1
commit dee1932a64
7 changed files with 28 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/utils/forms/FormGroupContainer.tsx
View File

@@ -15,13 +15,13 @@ export interface FormGroupContainerProps {
}
export const FormGroupContainer: FC<FormGroupContainerProps> = (
{ children, value, onChange, id, type, required, placeholder, className, labelClassName },
{ children, value, onChange, id, type, required, placeholder, className, labelClassName = '' },
) => {
const forId = useRef<string>(id ?? uuid());
return (
<FormGroup className={className ?? ''}>
{children && <label htmlFor={forId.current} className={labelClassName ?? ''}>{children}:</label>}
<label htmlFor={forId.current} className={`form-label ${labelClassName}`}>{children}:</label>
<input
className="form-control"
type={type ?? 'text'}