refactor: icon to icons in erroralert component (#15341)

* initial commit

* initial commit

* lint
This commit is contained in:
Phillip Kelley-Dotson
2021-06-24 18:05:22 -07:00
committed by GitHub
parent a477505291
commit a3f4e4ad9e
2 changed files with 27 additions and 21 deletions

View File

@@ -22,7 +22,7 @@ import { noOp } from 'src/utils/common';
import Modal from 'src/components/Modal';
import Button from 'src/components/Button';
import Icon from '../Icon';
import Icons from 'src/components/Icons';
import { ErrorLevel, ErrorSource } from './types';
import CopyToClipboard from '../CopyToClipboard';
@@ -106,11 +106,17 @@ export default function ErrorAlert({
<ErrorAlertDiv level={level} role="alert">
<div className="top-row">
<LeftSideContent>
<Icon
className="icon"
name={level === 'error' ? 'error-solid' : 'warning-solid'}
color={supersetTheme.colors[level].base}
/>
{level === 'error' ? (
<Icons.ErrorSolid
className="icon"
iconColor={supersetTheme.colors[level].base}
/>
) : (
<Icons.WarningSolid
className="icon"
iconColor={supersetTheme.colors[level].base}
/>
)}
<strong>{title}</strong>
</LeftSideContent>
{!isExpandable && (
@@ -163,11 +169,17 @@ export default function ErrorAlert({
onHide={() => setIsModalOpen(false)}
title={
<div className="header">
<Icon
className="icon"
name={level === 'error' ? 'error-solid' : 'warning-solid'}
color={supersetTheme.colors[level].base}
/>
{level === 'error' ? (
<Icons.ErrorSolid
className="icon"
iconColor={supersetTheme.colors[level].base}
/>
) : (
<Icons.WarningSolid
className="icon"
iconColor={supersetTheme.colors[level].base}
/>
)}
<div className="title">{title}</div>
</div>
}