import React, { Component } from 'react';

import CustomTitle from '../Cards/CustomTitle';
import PresalesCard from '../Cards/Tickets/PresalesCard';
import OnSiteCard from '../Cards/Tickets/OnSiteCard';

const i18n_strings = {
  fr: {
    title: 'Tickets',
    desc: 'Sur place et Préventes',
  },
  en: {
    title: 'Tickets',
    desc: 'On site and pre sales',
  },
  nl: {
    title: 'Tickets',
    desc: 'Ter plaatse / Voorverkoop',
  },
}

export default class TicketsPage extends React.Component {

  render() {
    var strings = i18n_strings[this.props.lang] || i18n_strings['fr'];

    return (
      <div>
        <CustomTitle title={strings.title} desc={strings.desc} />
        <PresalesCard lang={this.props.lang} />
        <OnSiteCard lang={this.props.lang} />
      </div>
    );
  }
}

import React, { Component } from 'react';

import CustomTitle from '../Cards/CustomTitle';
import PresalesCard from '../Cards/Tickets/PresalesCard';
import OnSiteCard from '../Cards/Tickets/OnSiteCard';

const i18n_strings = {
  fr: {
    title: 'Tickets',
    desc: 'Sur place et Préventes',
  },
  en: {
    title: 'Tickets',
    desc: 'On site and pre sales',
  },
  nl: {
    title: 'Tickets',
    desc: 'Ter plaatse / Voorverkoop',
  },
}

export default class TicketsPage extends React.Component {

  render() {
    var strings = i18n_strings[this.props.lang] || i18n_strings['fr'];

    return (
      <div>
        <CustomTitle title={strings.title} desc={strings.desc} />
        <OnSiteCard lang={this.props.lang} />
        <p/>
        <PresalesCard lang={this.props.lang} />
      </div>
    );
  }
}

Change tickets page with on site first
Change tickets page with on site first
