Skip to content

Commit 7efea0a

Browse files
committed
[dashboard] Move to new Alert component
1 parent 44fa57a commit 7efea0a

File tree

1 file changed

+5
-7
lines changed

1 file changed

+5
-7
lines changed

components/dashboard/src/components/ErrorMessage.tsx

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,15 @@
66

77
import FeedbackComponent from "../feedback-form/FeedbackComponent";
88
import { isGitpodIo } from "../utils";
9+
import Alert from "./Alert";
910

1011
function ErrorMessage(props: { imgSrc: string; imgAlt?: string; message: string }) {
1112
return (
1213
<>
13-
<div className="mt-16 flex space-x-2 py-6 px-6 w-96 justify-between bg-gitpod-kumquat-light rounded-xl">
14-
<div className="pr-3 self-center w-6">
15-
<img src={props.imgSrc} alt={props.imgAlt || "An error message"} />
16-
</div>
17-
<div className="flex-1 flex flex-col">
18-
<p className="text-gitpod-red text-sm">{props.message}</p>
19-
</div>
14+
<div className="space-y-4 mt-4">
15+
<Alert closable={false} showIcon={true} type="error">
16+
<span>{props.message}</span>
17+
</Alert>
2018
</div>
2119
{isGitpodIo() && (
2220
<FeedbackComponent

0 commit comments

Comments
 (0)