add AlertModal component and update styling of delete confirmations

This commit is contained in:
John Mitchell
2019-04-08 12:17:34 -04:00
parent af3419c2dd
commit e20cf72dd6
4 changed files with 129 additions and 68 deletions

View File

@@ -0,0 +1,28 @@
import React from 'react';
import {
Modal
} from '@patternfly/react-core';
import { ExclamationTriangleIcon, ExclamationCircleIcon, InfoCircleIcon, CheckCircleIcon } from '@patternfly/react-icons';
const getIcon = (variant) => {
let icon;
if (variant === 'warning') {
icon = (<ExclamationTriangleIcon className="at-c-alertModal__icon" />);
} else if (variant === 'danger') {
icon = (<ExclamationCircleIcon className="at-c-alertModal__icon" />);
} if (variant === 'info') {
icon = (<InfoCircleIcon className="at-c-alertModal__icon" />);
} if (variant === 'success') {
icon = (<CheckCircleIcon className="at-c-alertModal__icon" />);
}
return icon;
};
export default ({ variant, children, ...props }) => (
<Modal className={`awx-c-modal${variant && ` at-c-alertModal at-c-alertModal--${variant}`}`} {...props}>
{children}
{getIcon(variant)}
</Modal>
);