<commit_before>import React from 'react'
import Accordion from 'react-bootstrap/lib/Accordion'
import Panel from 'react-bootstrap/lib/Panel'
import moment from 'moment'

class ReportList extends React.Component {
    constructor(props) {
        super(props)
    }

    render() {
        let reportNodes = this.props.reports.map(report => {
            let date = moment(report.date).format('MMM DD')
            let dateDifference = moment(report.date).fromNow()
            return (
                <Panel header={date + ' (' + dateDifference + ') by ' +
                    report.displayName}
                    key={report.id} eventKey={report.id}>
                    {report.narrative}
                </Panel>
            )<commit_msg>Adding properties and styling to ReportList.<commit_after>import React from 'react'
import Accordion from 'react-bootstrap/lib/Accordion'
import Panel from 'react-bootstrap/lib/Panel'
import Label from 'react-bootstrap/lib/Label'
import moment from 'moment'

class ReportList extends React.Component {
    constructor(props) {
        super(props)
    }

    render() {
        let reportNodes = this.props.reports.map(report => {
            let date = moment(report.date).format('MMM DD')
            let dateDifference = moment(report.date).fromNow()
            return (
                <Panel header={dateDifference + ' by ' + report.displayName}
                    key={report.id} eventKey={report.id}>
                    <Panel>
                    <h4><Label bsStyle='primary'>{report.skiType}</Label></h4>
                    <h4><Label>{report.glideWax}</Label></h4>
                    <h4><Label>{report.gripWax}</Label></h4>
                        {report.narrative}
                    </Panel>
                </Panel>
            )
{'fraction_non_alphanumeric': 0.11977715877437325, 'fraction_numerical': 0.003342618384401114, 'mean_word_length': 1.9490968801313628, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4485024', 'n_tokens_mistral': 497, 'n_tokens_neox': 472, 'n_words': 100}