blob: 7de488f0649307c2502343fe316ce95c780b8db5 (
plain)
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
56
57
58
59
60
61
62
63
64
|
// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import $ from 'jquery';
import React from 'react';
import {Link} from 'react-router/es6';
import * as Utils from 'utils/utils.jsx';
import * as TextFormatting from 'utils/text_formatting.jsx';
export default class ErrorPage extends React.Component {
componentDidMount() {
$('body').attr('class', 'sticky error');
}
componentWillUnmount() {
$('body').attr('class', '');
}
render() {
let title = this.props.location.query.title;
if (!title || title === '') {
title = Utils.localizeMessage('error.generic.title', 'Error');
}
let message = this.props.location.query.message;
if (!message || message === '') {
message = Utils.localizeMessage('error.generic.message', 'An error has occoured.');
}
let link = this.props.location.query.link;
if (!link || link === '') {
link = '/';
} else if (link.startsWith('javascript:') || link.startsWith('vbscript:') || link.startsWith('data:')) { // eslint-disable-line no-script-url
// Sanitize out any script links
link = '/';
}
let linkMessage = this.props.location.query.linkmessage;
if (!linkMessage || linkMessage === '') {
linkMessage = Utils.localizeMessage('error.generic.link_message', 'Back to Mattermost');
}
return (
<div className='container-fluid'>
<div className='error__container'>
<div className='error__icon'>
<i className='fa fa-exclamation-triangle'/>
</div>
<h2>{title}</h2>
<div dangerouslySetInnerHTML={{__html: TextFormatting.formatText(message)}}/>
<Link to={link}>{linkMessage}</Link>
</div>
</div>
);
}
}
ErrorPage.defaultProps = {
};
ErrorPage.propTypes = {
location: React.PropTypes.object
};
|
