fbi-cde/crime-data-frontend

import PropTypes from 'prop-types'
import React from 'react'

import ErrorCard from '../ErrorCard'
import ExplorerIntroAgency from './ExplorerIntroAgency'
import ExplorerIntroNational from './ExplorerIntroNational'
import ExplorerIntroState from './ExplorerIntroState'
import ExplorerIntroRegion from './ExplorerIntroRegion'
import { oriToState } from '../../util/agencies'
import { nationalKey } from '../../util/usa'
import { sentenceCase } from '../../util/text'

const ExplorerIntro = ({ agency, filters, participation, placeName, region, states }) => {
  if (agency) {
    return (
      <ExplorerIntroAgency
        county={sentenceCase(agency.county_name)}
        pageType={filters.pageType}
        hasNibrs={agency.nibrs}
        name={agency.agency_name}
        usState={oriToState(filters.place)}
        type={agency.agency_type_name}
      />
    )
  }

  if (participation.loading) return null

  if (participation.error) return <ErrorCard error={participation.error} />

  if (filters.place === nationalKey) {
    return (
      <ExplorerIntroNational
        pageType={filters.pageType}
        until={filters.until}
        page={filters.page}
        participation={participation.data[nationalKey]}
      />
    )
  }

  if (filters.placeType === 'region') {
    return (<ExplorerIntroRegion
      pageType={filters.pageType}
      until={filters.until}
      placeName={placeName}
      participation={participation.data[filters.place]}
      states={states}
      region={region}
      page={filters.page}
      place={filters.place}
    />)
  }

  return (
    <ExplorerIntroState
      pageType={filters.pageType}
      place={filters.place}
      until={filters.until}
      page={filters.page}
      participation={participation.data[filters.place]}
      placeName={placeName}
    />
  )
}

ExplorerIntro.propTypes = {
  agency: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]).isRequired,
  participation: PropTypes.shape({
    data: PropTypes.object,
    loading: PropTypes.boolean,
  }).isRequired,
  filters: PropTypes.object.isRequired,
  placeName: PropTypes.string.isRequired,
  states: PropTypes.object,
  region: PropTypes.object,
}

export default ExplorerIntro