imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Associate room alias warning with public option in settings (#7430)

Browse source 
* add describedby to styledradiogroup description

Signed-off-by: Kerry Archibald <kerrya@element.io>

* alias warning in description

Signed-off-by: Kerry Archibald <kerrya@element.io>

* lint

Signed-off-by: Kerry Archibald <kerrya@element.io>

* update snapshot

Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
Kerry 2022-01-03 09:55:09 +01:00 • committed by GitHub
parent e759a85321
commit 03f5a3c3e6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 304 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/views/elements/StyledRadioGroup.tsx
View file

@ -52,20 +52,25 @@ function StyledRadioGroup<T extends string>({
};
return <React.Fragment>
{ definitions.map(d => <React.Fragment key={d.value}>
<StyledRadioButton
className={classNames(className, d.className)}
onChange={_onChange}
checked={d.checked !== undefined ? d.checked : d.value === value}
name={name}
value={d.value}
disabled={d.disabled ?? disabled}
outlined={outlined}
>
{ d.label }
</StyledRadioButton>
{ d.description ? <span>{ d.description }</span> : null }
</React.Fragment>) }
{ definitions.map(d => {
const id = `${name}-${d.value}`;
return (<React.Fragment key={d.value}>
<StyledRadioButton
id={id}
className={classNames(className, d.className)}
onChange={_onChange}
checked={d.checked !== undefined ? d.checked : d.value === value}
name={name}
value={d.value}
disabled={d.disabled ?? disabled}
outlined={outlined}
aria-describedby={d.description ? `${id}-description` : undefined}
>
{ d.label }
</StyledRadioButton>
{ d.description ? <span id={`${id}-description`}>{ d.description }</span> : null }
</React.Fragment>);
}) }
</React.Fragment>;
}