/
alert-message.tsx
55 lines (47 loc) · 1.82 KB
/
alert-message.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
// *****************************************************************************
// Copyright (C) 2018 Ericsson and others.
//
// This program and the accompanying materials are made available under the
// terms of the Eclipse Public License v. 2.0 which is available at
// http://www.eclipse.org/legal/epl-2.0.
//
// This Source Code may also be made available under the following Secondary
// Licenses when the conditions for such availability set forth in the Eclipse
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
// with the GNU Classpath Exception which is available at
// https://www.gnu.org/software/classpath/license.html.
//
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
// *****************************************************************************
import React = require('react');
import { codicon } from './widget';
export type MessageType = keyof AlertMessageIcon;
interface AlertMessageIcon {
INFO: string;
SUCCESS: string;
WARNING: string;
ERROR: string;
}
const AlertMessageIcon = {
INFO: codicon('info'),
SUCCESS: codicon('pass'),
WARNING: codicon('warning'),
ERROR: codicon('error')
};
export interface AlertMessageProps {
type: MessageType;
header: string;
}
export class AlertMessage extends React.Component<AlertMessageProps> {
override render(): React.ReactNode {
return <div className='theia-alert-message-container'>
<div className={`theia-${this.props.type.toLowerCase()}-alert`}>
<div className='theia-message-header'>
<i className={AlertMessageIcon[this.props.type]}></i>
{this.props.header}
</div>
<div className='theia-message-content'>{this.props.children}</div>
</div>
</div>;
}
}