External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-11 18:09:57 -03:30
Code Issues Packages Projects Releases Wiki Activity

add aria label prop for alert modal pf component

Browse Source
This commit is contained in:
John Mitchell 2020-06-10 13:00:00 -04:00
parent e49a99e0f6
commit c762545c47
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
awx/ui_next/src/components/AlertModal/AlertModal.jsx
View File

@ -8,6 +8,8 @@ import {
InfoCircleIcon,
TimesCircleIcon,
} from '@patternfly/react-icons';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';
import styled from 'styled-components';
const Header = styled.div`
@ -17,7 +19,8 @@ const Header = styled.div`
}
`;
export default function AlertModal({
function AlertModal({
i18n,
isOpen = null,
title,
variant,
@ -60,14 +63,15 @@ export default function AlertModal({
const customHeader = (
<Header>
{variant ? variantIcons[variant] : null}
<Title size="2xl" headingLevel="h2">{title}</Title>
<Title id="alert-modal-header-label" size="2xl" headingLevel="h2">{title}</Title>
</Header>
);
return (
<Modal
header={customHeader}
aria-label={i18n._(t`Alert modal`)}
aria-labelledby="alert-modal-header-label"
isOpen={Boolean(isOpen)}
variant="small"
title={title}
@ -77,3 +81,5 @@ export default function AlertModal({
</Modal>
);
}
export default withI18n()(AlertModal);