UX: Hide all timeline controls when fewer than 3 posts

This commit is contained in:
Robin Ward 2016-05-24 17:13:56 -04:00
parent 0e3b275684
commit b9f82641b0
No known key found for this signature in database
GPG Key ID: 0E091E2B4ED1B83D
1 changed files with 16 additions and 20 deletions

View File

@ -209,6 +209,9 @@ export default createWidget('topic-timeline', {
html(attrs) { html(attrs) {
const { topic } = attrs; const { topic } = attrs;
const createdAt = new Date(topic.created_at); const createdAt = new Date(topic.created_at);
const stream = attrs.topic.get('postStream.stream');
if (stream.length < 3) { return; }
const controls = []; const controls = [];
if (attrs.topic.get('details.can_create_post')) { if (attrs.topic.get('details.can_create_post')) {
@ -225,10 +228,7 @@ export default createWidget('topic-timeline', {
controls.push(this.attach('topic-admin-menu-button', { topic })); controls.push(this.attach('topic-admin-menu-button', { topic }));
} }
const result = [ h('div.timeline-controls', controls) ]; return [ h('div.timeline-controls', controls),
const stream = attrs.topic.get('postStream.stream');
if (stream.length > 2) {
return result.concat([
this.attach('link', { this.attach('link', {
className: 'start-date', className: 'start-date',
rawLabel: moment(createdAt).format(I18n.t('dates.timeline_start')), rawLabel: moment(createdAt).format(I18n.t('dates.timeline_start')),
@ -240,10 +240,6 @@ export default createWidget('topic-timeline', {
icon: 'dot-circle-o', icon: 'dot-circle-o',
rawLabel: relativeAge(new Date(topic.last_posted_at), { addAgo: true }), rawLabel: relativeAge(new Date(topic.last_posted_at), { addAgo: true }),
action: 'jumpBottom' action: 'jumpBottom'
}) }) ];
]);
}
return result;
} }
}); });