Use a constant for easy reading of long desc placeholder

This commit is contained in:
Luke Barnard 2017-11-06 18:52:55 +00:00
parent 477051cfa6
commit 956c5ff343

View File

@ -22,7 +22,7 @@ import MatrixClientPeg from '../../MatrixClientPeg';
import sdk from '../../index'; import sdk from '../../index';
import dis from '../../dispatcher'; import dis from '../../dispatcher';
import { sanitizedHtmlNode } from '../../HtmlUtils'; import { sanitizedHtmlNode } from '../../HtmlUtils';
import { _t, _tJsx } from '../../languageHandler'; import { _t, _td, _tJsx } from '../../languageHandler';
import AccessibleButton from '../views/elements/AccessibleButton'; import AccessibleButton from '../views/elements/AccessibleButton';
import Modal from '../../Modal'; import Modal from '../../Modal';
import classnames from 'classnames'; import classnames from 'classnames';
@ -32,6 +32,17 @@ import GroupStore from '../../stores/GroupStore';
import { showGroupAddRoomDialog } from '../../GroupAddressPicker'; import { showGroupAddRoomDialog } from '../../GroupAddressPicker';
import GeminiScrollbar from 'react-gemini-scrollbar'; import GeminiScrollbar from 'react-gemini-scrollbar';
const LONG_DESC_PLACEHOLDER = _td(`
<h1>HTML for your community's page</h1>
<p>
Use the long description to introduce new members to the community, or distribute
some important <a href="foo">links</a>
</p>
<p>
You can even use 'img' tags
</p>
`);
const RoomSummaryType = PropTypes.shape({ const RoomSummaryType = PropTypes.shape({
room_id: PropTypes.string.isRequired, room_id: PropTypes.string.isRequired,
profile: PropTypes.shape({ profile: PropTypes.shape({
@ -879,16 +890,7 @@ export default React.createClass({
<h3> { _t("Long Description (HTML)") } </h3> <h3> { _t("Long Description (HTML)") } </h3>
<textarea <textarea
value={this.state.profileForm.long_description} value={this.state.profileForm.long_description}
placeholder={_t( placeholder={_t(LONG_DESC_PLACEHOLDER)}
'<h1>HTML for your community\'s page</h1>\n' +
'<p>\n' +
' Use the Long Description to introduce ' +
'new members to the community, or distribute ' +
'some important <a href="https://about.riot.im">links</a>.\n' +
'</p> \n' +
'<p> \n' +
' You can even use "img" tags, but only for images reachable from MXC URLs.\n' +
'</p>\n')}
onChange={this._onLongDescChange} onChange={this._onLongDescChange}
tabIndex="4" tabIndex="4"
key="editLongDesc" key="editLongDesc"