{"size": 1339, "ext": "js", "max_stars_repo_path": "src/routes/SkillList/components/SkillList.js", "max_stars_repo_name": "BigBlueDot/SMT4AEncyclopedia", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/routes/SkillList/components/SkillList.js", "max_issues_repo_name": "BigBlueDot/SMT4AEncyclopedia", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/routes/SkillList/components/SkillList.js", "max_forks_repo_name": "BigBlueDot/SMT4AEncyclopedia", "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": 20.6, "max_line_length": 67, "alphanum_fraction": 0.6370425691}
/**
 * Created by bigbl on 2/26/2017.
 */
import React from 'react';
import skill from '../../../data/skill.json';
import Griddle from 'griddle-react';
import { Link } from 'react-router';

const columnMetadata = [{
  columnName: "SkillName",
  displayName: "SkillName",
  sortable: true,
},{
  columnName: "SkillType",
  displayName: "SkillType",
  sortable: true,
},{
  columnName: "Description",
  displayName: "Description",
  sortable: true,
},{
  columnName: "SecondarySkillType",
  displayName: "Secondary",
  sortable: true,
},{
  columnName: "SmirkEffect",
  displayName: "Smirk Effect",
  sortable: true,
},{
  columnName: "Target",
  displayName: "Target",
  sortable: true,
},{
  columnName: "Rank",
  displayName: "Rank",
  sortable: true,
  customCompareFn: function(item) {
    return parseFloat(item);
  }
},{
  columnName: "IsUnique",
  displayName: "IsUnique",
  sortable: true,
}];

export const SkillList = (props) => {
  return (
    <div style={{ margin: '0 auto' }} >
      <Griddle
        results={skill.skills}
        enableInfiniteScroll={true}
        bodyHeight={400}
        useFixedHeader={true}
        showFilter={true}
        columns={["SkillName", "Rank", "SkillType", "Description"]}
        columnMetadata={columnMetadata} />
    </div>
  );
};

SkillList.propTypes = {
};

export default SkillList;
