Merge pull request #1499 from qge/devel

Add i18n messages for no more posts, no results, and load more days
This commit is contained in:
Xavier Cazalot 2016-11-04 07:57:06 +01:00 committed by GitHub
commit f3b32b0f34
4 changed files with 17 additions and 11 deletions

View file

@ -1,10 +1,11 @@
import Telescope from 'meteor/nova:lib';
import React, { PropTypes, Component } from 'react';
import { Button } from 'react-bootstrap';
import moment from 'moment';
import Telescope from "meteor/nova:lib";
import React, { PropTypes, Component } from "react";
import { Button } from "react-bootstrap";
import moment from "moment";
import { FormattedMessage } from "react-intl";
class PostsDaily extends Component{
constructor(props) {
super(props);
this.loadMoreDays = this.loadMoreDays.bind(this);
@ -30,7 +31,7 @@ class PostsDaily extends Component{
<div className="posts-daily">
<Telescope.components.PostsListHeader />
{this.getLastNDates(this.state.days).map((date, index) => <Telescope.components.PostsDay key={index} date={date} number={index}/>)}
<button className="posts-load-more" onClick={this.loadMoreDays}>Load More Days</button>
<button className="posts-load-more" onClick={this.loadMoreDays}><FormattedMessage id="posts.load_more_days"/></button>
</div>
)
}
@ -39,12 +40,12 @@ class PostsDaily extends Component{
PostsDaily.propTypes = {
days: React.PropTypes.number,
increment: React.PropTypes.number
}
};
PostsDaily.defaultProps = {
days: 5,
increment: 5
}
};
module.exports = PostsDaily;
export default PostsDaily;

View file

@ -1,6 +1,7 @@
import React from 'react';
import React from "react";
import { FormattedMessage } from "react-intl";
const PostsNoMore = props => <p className="posts-no-more">No more posts.</p>
const PostsNoMore = props => <p className="posts-no-more"><FormattedMessage id="posts.no_more"/></p>;
PostsNoMore.displayName = "PostsNoMore";

View file

@ -1,6 +1,7 @@
import React from 'react';
import { FormattedMessage } from "react-intl";
const PostsNoResults = props => <p className="posts-no-results">No posts to display.</p>
const PostsNoResults = props => <p className="posts-no-results"><FormattedMessage id="posts.no_results"/></p>;
PostsNoResults.displayName = "PostsNoResults";

View file

@ -18,6 +18,9 @@ Telescope.strings.en = {
"posts.status": "Status",
"posts.sticky": "Sticky",
"posts.load_more": "Load More",
"posts.load_more_days": "Load More Days",
"posts.no_more": "No more posts.",
"posts.no_results": "No posts to display.",
"posts.search": "Search",
"posts.view": "View",
"posts.top": "Top",