Source: components/events/SingleEvent.js

import React, { Component } from 'react'
import Header from '../header/Header'
import Subheader from '../subheader/Subheader'
import FilterBox from '../filterbox/FilterBox'
import getTranslation from '../../i18n/'
import { Link } from 'react-router-dom'
import Footer from '../footer/Footer'
import EventBox from './EventBox'

/**
 * Page for a single event
 */
class SingleEvent extends Component {

  render() {
      
      let event = this.props.event

    return(
      <div>
        {this.state.overlay &&<div className="fullpage-overlay"></div>}
        <Header />
        <div className="container container-small">
          <Subheader title="subheader.events" />

          {((this.props.notfound) && (!this.props.fetching.dataFetching.isFetching)) &&
              <h2>Not found</h2>
          }

          {((this.props.fetching.dataFetching.isFetching) && (this.props.notfound)) &&
              <div className="default-element default-element-dark profile-teaser">
                <div className="loader"></div>
              </div>
          }

          {!this.props.notfound &&
                <EventBox event={this.props.event} />
            }
            <Footer pages={this.props.pages} />
        </div>
      </div>
    )
  }
}

export default SingleEvent