paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 31 Packages Projects Releases Wiki Activity

give aria-label attribute to Status Ok, Warning and Error

Browse Source
This commit is contained in:
Abhishek Jakhar
2020-10-17 08:15:31 +05:30
parent c150c05e5c
commit fc1705050e
1 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/components/Status/Status.tsx
+17 -3
View File
@@ -65,20 +65,34 @@ const useStyles = makeStyles<BackstageTheme>(theme => ({
export const StatusOK: FC<{}> = props => {
const classes = useStyles(props);
return <span className={classNames(classes.status, classes.ok)} {...props} />;
return (
<span
className={classNames(classes.status, classes.ok)}
aria-label="Status ok"
{...props}
/>
);
};
export const StatusWarning: FC<{}> = props => {
const classes = useStyles(props);
return (
<span className={classNames(classes.status, classes.warning)} {...props} />
<span
className={classNames(classes.status, classes.warning)}
aria-label="Status warning"
{...props}
/>
);
};
export const StatusError: FC<{}> = props => {
const classes = useStyles(props);
return (
<span className={classNames(classes.status, classes.error)} {...props} />
<span
className={classNames(classes.status, classes.error)}
aria-label="Status error"
{...props}
/>
);
};