fix: error alert levels again (#17027)

This commit is contained in:
Erik Ritter
2021-10-11 12:28:36 -07:00
committed by GitHub
parent 83a783de58
commit 153469dba9
2 changed files with 13 additions and 23 deletions

View File

@@ -92,7 +92,7 @@ interface ErrorAlertProps {
export default function ErrorAlert({
body,
copyText,
level,
level = 'error',
source = 'dashboard',
subtitle,
title,
@@ -103,21 +103,16 @@ export default function ErrorAlert({
const [isBodyExpanded, setIsBodyExpanded] = useState(false);
const isExpandable = ['explore', 'sqllab'].includes(source);
const iconColor = theme.colors[level].base;
return (
<ErrorAlertDiv level={level} role="alert">
<div className="top-row">
<LeftSideContent>
{!level || level === 'error' ? (
<Icons.ErrorSolid
className="icon"
iconColor={theme.colors.error.base}
/>
{level === 'error' ? (
<Icons.ErrorSolid className="icon" iconColor={iconColor} />
) : (
<Icons.WarningSolid
className="icon"
iconColor={theme.colors[level].base}
/>
<Icons.WarningSolid className="icon" iconColor={iconColor} />
)}
<strong>{title}</strong>
</LeftSideContent>
@@ -171,16 +166,10 @@ export default function ErrorAlert({
onHide={() => setIsModalOpen(false)}
title={
<div className="header">
{!level || level === 'error' ? (
<Icons.ErrorSolid
className="icon"
iconColor={theme.colors.error.base}
/>
{level === 'error' ? (
<Icons.ErrorSolid className="icon" iconColor={iconColor} />
) : (
<Icons.WarningSolid
className="icon"
iconColor={theme.colors[level].base}
/>
<Icons.WarningSolid className="icon" iconColor={iconColor} />
)}
<div className="title">{title}</div>
</div>