import React, { Component } from 'react'
import actions from 'site/actions'

import "./credits.css"

import { BerlinIcon, HatjeCantz, ATB } from "site/projects/museum/icons"
import { ARTISTS, ARTIST_ORDER } from "site/projects/museum/constants"

export default class Credits extends Component {
  constructor(props) {
    super(props)
    this.handleClick = this.handleClick.bind(this)
    this.state = {
    }
  }

  componentDidMount() {
    actions.site.interact()
  }

  handleClick(e) {
    e && e.preventDefault()
  }

  render() {
    return (
      <div className="page page-credits">
        <div className="page-title">The L<span>ast Museum</span></div>
        <div className="page-content">
          <div className="page-left">
            <div className="page-credits-artists">
              {ARTIST_ORDER.map(key => (
                <div key={key}>
                  {ARTISTS[key].name}
                </div>
              ))}
            </div>
            <div className="build-credits">
              <div>
                Designed by<br/>
                <a href="https://sometimes-always.com/">Sometimes Always</a>
              </div>
              <div>
                Developed by<br/>
                <a href="https://asdf.us/">Jules LaPlace</a>
              </div>
            </div>
            <div className="icons">
              {BerlinIcon}
              {HatjeCantz}
              {ATB}
            </div>
            <div className="curated-by">
              CURATED BY NADIM SAMMAN
            </div>
          </div>
          <div className="page-right">
            <b>KW Institute for Contemporary Art</b><br/>
            KUNST-WERKE BERLIN e. V.<br/>
            Auguststraße 69<br/>
            10117 Berlin<br/>
            Tel. +49 30 243459-0<br/>
            Fax +49 30 243459-99<br/>
            <a href="mailto:info@kw-berlin.de?subject=The+Last+Museum">info@kw-berlin.de</a><br/>
            <br/>
            Director: Krist Gruijthuijsen<br/>
            Chairman: Olafur Eliasson<br/>
            Register Court: Amtsgericht Charlottenburg<br/>
            Responsible for Content in Accordance with § 10 Section 3 MDStV:<br/>
            Krist Gruijthuijsen (Address see above)<br/>
            <br/>
            <b>Press Contact:</b><br/>
            Natanja von Stosch<br/>
            KW Institute for Contemporary Art<br/>
            Tel. +49 30 243459 41<br/>
            <a href="mailto:nvs@kw-berlin.de?subject=The+Last+Museum">nvs@kw-berlin.de</a><br/>
            <br/>
            <b>Press Releases and Image Material:</b><br/>
            <a href="https://kw-berlin.de/en/press">kw-berlin.de/en/press</a>
          </div>
        </div>
      </div>
    )
  }
}