render() {
const duration = formatDuration(
this.props.intl.formatMessage,
this.props.duration
);
return (
<div
style={{
fontSize: '80%',
...this.props.style,
}}
>
{duration}
</div>
);
}
renderHeader() {
const { tutorial } = this.props;
const subtitle = tutorial.subtitle ? <div>{tutorial.subtitle}</div> : null;
const duration = formatDuration(
this.props.intl.formatMessage,
tutorial.getDurationSeconds()
);
const subline = `${tutorial.author} - ${duration}`;
return (
<div
style={{ padding: 7, backgroundColor: backgroundPlaylistHeaderColor }}
>
<h3 style={{ marginTop: 0 }}>
{tutorial.title} - <a href="/tutorials">See All Tutorials</a>
</h3>
{subtitle}
<div>{subline}</div>
<ShareLinks url={tutorial.getUrl()} />
</div>
);
}