{"size": 1091, "ext": "js", "max_stars_repo_path": "src/components/Library/libraryCourse.js", "max_stars_repo_name": "RoleplayDragon2000/React-Schedule-App", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Library/libraryCourse.js", "max_issues_repo_name": "RoleplayDragon2000/React-Schedule-App", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Library/libraryCourse.js", "max_forks_repo_name": "RoleplayDragon2000/React-Schedule-App", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 34.09375, "max_line_length": 103, "alphanum_fraction": 0.5591200733}
import React, { Component } from 'react';
import { connect } from "react-redux";
import * as actions from '../../actions';


import Icon from "../icon";
import Arrow from "../arrow";
import Action from "../action"

class LibraryCourse extends Component {
    render() {
        return (
            <div className="library-course">
              <div className="library-course__title-check"> 
              <label className="library-course__title">{this.props.title}</label>
                { Icon('fas fa-check', 'library-course__icon')}
             </div>
                <Arrow className="library-course__arrow"/>
                <Action
                     id={this.props.id}
                     onClick={() => this.props.toggleEnrolled(this.props.id)}
                     className={`library-course__action ${this.props.enrolled ? 'action-remove' : ''}`}
                />
            <div className="library-course__description"></div>
            <label>{this.props.description}</label>
            </div>
        )
    }
}

export default connect(null, actions)(LibraryCourse);
