{"size": 714, "ext": "js", "max_stars_repo_path": "src/components/pages/AdminAddProgram/AdminAddProgramsPage.js", "max_stars_repo_name": "Lambda-School-Labs/coder-heroes-fe", "max_stars_repo_stars_event_min_datetime": "2021-11-19T15:44:42.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-21T19:35:18.000Z", "max_issues_repo_path": "src/components/pages/AdminAddProgram/AdminAddProgramsPage.js", "max_issues_repo_name": "BloomTech-Labs/coder-heroes-fe", "max_issues_repo_issues_event_min_datetime": "2021-11-17T01:04:39.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-11T18:18:18.000Z", "max_forks_repo_path": "src/components/pages/AdminAddProgram/AdminAddProgramsPage.js", "max_forks_repo_name": "BloomTech-Labs/coder-heroes-fe", "max_forks_repo_forks_event_min_datetime": "2021-11-22T16:34:17.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-08T15:01:52.000Z"}
{"max_stars_count": 8, "max_issues_count": 44, "max_forks_count": 25, "avg_line_length": 24.6206896552, "max_line_length": 72, "alphanum_fraction": 0.6722689076}
import React from 'react';

import { connect } from 'react-redux';
import '../../../styles/index.less';

import AdminAddCourses from './AdminAddPrograms';
import AdminAddCoursesList from './AdminAddProgramsList';

function AdminCourses(props) {
  return (
    <div className="admin-add-courses-page" style={{ display: 'flex' }}>
      <div className="admin-add-courses-left">
        <AdminAddCourses editClass={props.changeClass} />
      </div>
      <div className="admin-add-courses-right">
        <AdminAddCoursesList />
      </div>
    </div>
  );
}

const mapStateToProps = state => {
  return {
    program_list: state.adminReducers.class,
  };
};

export default connect(mapStateToProps)(AdminCourses);
