2017-03-15 11:48:56 +01:00
|
|
|
/**
|
|
|
|
*
|
|
|
|
* PluginHeaderTitle
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
2017-09-26 16:36:28 +02:00
|
|
|
import React from 'react';
|
2017-09-20 11:12:04 +02:00
|
|
|
import PropTypes from 'prop-types';
|
2017-03-15 11:48:56 +01:00
|
|
|
import { FormattedMessage } from 'react-intl';
|
|
|
|
|
|
|
|
import styles from './styles.scss';
|
|
|
|
|
|
|
|
class PluginHeaderTitle extends React.Component { // eslint-disable-line react/prefer-stateless-function
|
|
|
|
render() {
|
|
|
|
return (
|
2017-08-30 17:56:52 +02:00
|
|
|
<div>
|
2017-03-15 11:48:56 +01:00
|
|
|
<h1 className={styles.pluginHeaderTitleName}>
|
2017-09-14 11:10:05 +02:00
|
|
|
<FormattedMessage {...this.props.title} defaultMessage={this.props.title.id} />
|
2017-03-15 11:48:56 +01:00
|
|
|
</h1>
|
|
|
|
<p className={styles.pluginHeaderTitleDescription}>
|
2017-04-10 16:28:30 +02:00
|
|
|
<FormattedMessage {...this.props.description} />
|
2017-03-15 11:48:56 +01:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-04-10 16:28:30 +02:00
|
|
|
PluginHeaderTitle.propTypes = {
|
2017-09-20 11:12:04 +02:00
|
|
|
description: PropTypes.object.isRequired,
|
|
|
|
title: PropTypes.object.isRequired,
|
2017-04-10 16:28:30 +02:00
|
|
|
};
|
|
|
|
|
2017-03-15 11:48:56 +01:00
|
|
|
export default PluginHeaderTitle;
|