// @format
import React from 'react'
import PropTypes from 'prop-types'
import { Link } from 'gatsby'

import './Booth.css'

import Logo from './logo'

class Booth extends React.Component {
  static propTypes = {
    name: PropTypes.string,
    market: PropTypes.string,
    image: PropTypes.string,
    tags: PropTypes.array,
    type: PropTypes.string,
    odd: PropTypes.bool,
    marketData: PropTypes.object,
    setSelectedMarket: PropTypes.func,
  }

  componentDidMount() {
    console.log(this.props.marketData)
  }

  render() {
    return (
      <Link to={`/details/slug-to-be-inserted-here`}>
        <div className={'booth ' + (this.props.odd ? 'odd' : 'even')}>
          <div className="logo">
            <Logo type={this.props.type} />
          </div>
          <div className="name truncate">{this.props.name}</div>
          <div className="market truncate">{this.props.market}</div>
          <div className="tags truncate">{this.showTags(this.props.tags)}</div>
        </div>
      </Link>
    )
  }

  showTags = tags => {
    return tags.join(', ')
  }
}

export default Booth

@@ -138,17 +138,17 @@
 from './
-l
+L
 ogo'%0A%0Acl

Fix import