import React from 'react';

import Duration from '../../../duration';


const SummaryLine = React.createClass({
  propTypes: {
    crumb: React.PropTypes.object.isRequired
  },

  render() {
    let {crumb} = this.props;
    return (
      <div className="summary">
        {this.props.children}
        {crumb.duration &&
          <span className="crumb-timing">
            [<Duration seconds={crumb.duration}/>]
          </span>
        }
      </div>
    );
  }
});

export default SummaryLine;

import React from 'react';

import Duration from '../../../duration';


const SummaryLine = React.createClass({
  propTypes: {
    crumb: React.PropTypes.object.isRequired
  },

  render() {
    let {crumb} = this.props;
    // this is where we can later also show other interesting
    // information (maybe duration?)
    return (
      <div className="summary">
        {this.props.children}
      </div>
    );
  }
});

export default SummaryLine;

Remove unused duration from summary line
Remove unused duration from summary line
