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> ); }