{"size": 952, "ext": "js", "max_stars_repo_path": "projects/ukbb/src/Phenotype/index.js", "max_stars_repo_name": "ImperialCardioGenetics/gnomadjs", "max_stars_repo_stars_event_min_datetime": "2021-12-24T22:28:11.000Z", "max_stars_repo_stars_event_max_datetime": "2021-12-24T22:28:11.000Z", "max_issues_repo_path": "projects/ukbb/src/Phenotype/index.js", "max_issues_repo_name": "ImperialCardioGenetics/gnomadjs", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "projects/ukbb/src/Phenotype/index.js", "max_forks_repo_name": "ImperialCardioGenetics/gnomadjs", "max_forks_repo_forks_event_min_datetime": "2021-12-24T22:28:12.000Z", "max_forks_repo_forks_event_max_datetime": "2021-12-24T22:28:12.000Z"}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 25.7297297297, "max_line_length": 77, "alphanum_fraction": 0.6113445378}
import React from 'react'
import ManhattanPlot from '@broad/manhattan'
import VariantTable from '@broad/table'

import css from './styles.css'

import data from '@resources/gwas-eg.json'  // eslint-disable-line

const tableConfig = {
  fields: [
    { dataKey: 'chromosome', title: 'chrom', dataType: 'string', width: 50 },
    { dataKey: 'snp', title: 'RSID', dataType: 'string', width: 50 },
    { dataKey: '-log10p', title: 'log10p', dataType: 'float', width: 100 },
    { dataKey: 'pvalue', title: 'p-value', dataType: 'integer', width: 100 },
  ],
}

const Phenotype = () => {
  console.log(data)
  return (
    <div className={css.phenotype}>
      <h1>Phenotype: Hit by Duck!</h1>
      <ManhattanPlot data={data} />
      <VariantTable
        title={''}
        height={400}
        width={500}
        tableConfig={tableConfig}
        tableData={data}
        remoteRowCount={data.length}
      />
    </div>
  )
}

export default Phenotype
