<commit_before>'use strict'
import React, {Component} from 'react';
import ComboItem from './ComboItem';

class CombosList extends Component {
    constructor(...props) {
        super(...props);
        this.defaultProps = {
            currentList: []
        }
    }

    render() {
        return (
            <div className="panel panel-default">
                <div className="panel-heading text-left">
                        <div className="navbar-header">
                            <span className="navbar-brand" href="#">
                                Playlist
                            </span>
                        </div>
                        <div className="container-fluid">
                            <ul className="nav navbar-nav">
                                <li>
                                    <p className="navbar-text">duration: {this.props.playlistDuration}</p>
                                </li>
                                <li><button type="button" className="btn btn-default navbar-btn">Export to Spotify</button></li>
                            </ul>
                            <ul className="nav navbar-nav navbar-right">
                                <li><button type="button" className="btn btn-default navbar-btn">Preview</button></li>
                            </ul>
                        </div>
                    
                </div>
                <div className="ComboList-container">
                    {this.props.currentList.map((combo) => {
                        return <ComboItem key={combo.id} combo={combo}/>
                    })}
                </div>
            </div>
        );
    }<commit_msg>reduce playlist heading for mobile reason<commit_after>'use strict'
import React, {Component} from 'react';
import ComboItem from './ComboItem';

class CombosList extends Component {
    constructor(...props) {
        super(...props);
        this.defaultProps = {
            currentList: []
        }
    }

    render() {
        return (
            <div className="panel panel-default">
                <div className="panel-heading text-left">
                    <div className="container-fluid">
                        <ul className="nav navbar-nav">
                            <li><button type="button" className="btn btn-default navbar-btn">Export to Spotify</button></li>
                            <li>
                                <p className="navbar-text">duration: {this.props.playlistDuration}</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div className="ComboList-container">
                    {this.props.currentList.map((combo) => {
                        return <ComboItem key={combo.id} combo={combo}/>
                    })}
                </div>
            </div>
        );
    }
{'fraction_non_alphanumeric': 0.12085635359116022, 'fraction_numerical': 0.0, 'mean_word_length': 1.1145985401459855, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 53, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5259312', 'n_tokens_mistral': 702, 'n_tokens_neox': 663, 'n_words': 135}