PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

convert HomePage to ES6 and split out the vectory bit

Browse source
This commit is contained in:
Matthew Hodgson 2018-04-18 10:23:32 +01:00
parent 6d1563449d
commit f84573ec9f
1 changed files with 22 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
src/components/structures/HomePage.js
View file

@ -18,40 +18,36 @@ limitations under the License.
'use strict'; 'use strict';
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import request from 'browser-request'; import request from 'browser-request';
import { _t } from '../../languageHandler'; import { _t } from '../../languageHandler';
import sanitizeHtml from 'sanitize-html'; import sanitizeHtml from 'sanitize-html';
import sdk from '../../index'; import sdk from '../../index';
module.exports = React.createClass({ class HomePage extends React.Component {
displayName: 'HomePage', displayName = 'HomePage';
propTypes: { static propTypes = {
// URL base of the team server. Optional. // URL base of the team server. Optional.
teamServerUrl: React.PropTypes.string, teamServerUrl: PropTypes.string,
// Team token. Optional. If set, used to get the static homepage of the team // Team token. Optional. If set, used to get the static homepage of the team
// associated. If unset, homePageUrl will be used. // associated. If unset, homePageUrl will be used.
teamToken: React.PropTypes.string, teamToken: PropTypes.string,
// URL to use as the iFrame src. Defaults to /home.html. // URL to use as the iFrame src. Defaults to /home.html.
homePageUrl: React.PropTypes.string, homePageUrl: PropTypes.string,
}, };
getInitialState: function() { state = {
return {
iframeSrc: '', iframeSrc: '',
page: '', page: '',
}; };
},
translate: function(s) { translate(s) {
s = sanitizeHtml(_t(s)); // default implementation - skins may wish to extend this
// ugly fix for https://github.com/vector-im/riot-web/issues/4243 return sanitizeHtml(_t(s));
s = s.replace(/Riot\.im/, '<a href="https://riot.im" target="_blank" rel="noopener">Riot.im</a>'); }
s = s.replace(/\[matrix\]/, '<a href="https://matrix.org" target="_blank" rel="noopener"><img width="79" height="34" alt="[matrix]" style="padding-left: 1px;vertical-align: middle" src="home/images/matrix.svg"/></a>');
return s;
},
componentWillMount: function() { componentWillMount() {
this._unmounted = false; this._unmounted = false;
if (this.props.teamToken && this.props.teamServerUrl) { if (this.props.teamToken && this.props.teamServerUrl) {
@ -84,13 +80,13 @@ module.exports = React.createClass({
} }
); );
} }
}, }
componentWillUnmount: function() { componentWillUnmount() {
this._unmounted = true; this._unmounted = true;
}, }
render: function() { render() {
if (this.state.iframeSrc) { if (this.state.iframeSrc) {
return ( return (
<div className="mx_HomePage"> <div className="mx_HomePage">
@ -108,4 +104,6 @@ module.exports = React.createClass({
); );
} }
} }
}); }
module.exports = HomePage;