just-paja/improtresk-web

import Row from 'reactstrap/lib/Row'
import Col from 'reactstrap/lib/Col'
import React from 'react'
import PropTypes from 'prop-types'

import Container from '../../components/Container'
import Gallery from '../../components/Gallery'
import HelmetTitle from '../../containers/HelmetTitle'

const ArchivedYearDetail = ({ topic, translate, workshops, year }) => {
  const title = translate('years.yearNumber', { year })
  const titleFull = `${title}: ${topic}`

  return (
    <Container>
      <HelmetTitle title={titleFull} />
      <h1><span>{title}</span><br /><small>{topic}</small></h1>
      <Row>
        {workshops.map(workshop => (
          <Col key={workshop.id} className='mb-4' xs={12} md={6}>
            <h4>{workshop.name}</h4>
            {workshop.desc}
            {workshop.photos.length ? (
              <div>
                <hr />
                <Gallery photos={workshop.photos} />
              </div>
            ) : null}
          </Col>
        ))}
      </Row>
    </Container>
  )
}

ArchivedYearDetail.propTypes = {
  topic: PropTypes.string,
  translate: PropTypes.func.isRequired,
  workshops: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.number,
    lectorName: PropTypes.string,
    name: PropTypes.string
  })),
  year: PropTypes.string
}

ArchivedYearDetail.defaultProps = {
  topic: null,
  workshops: null,
  year: null
}

export default ArchivedYearDetail