'use strict';
require('./ga');
let ReactDOM = require('react-dom');
var React = require('react');

var inviteForm = React.createFactory(require('./components/inviteForm'));
var fader = React.createFactory(require('./components/fader'));
var members = React.createFactory(require('./components/members'));
var feed = React.createFactory(require('./components/feed'));
var email = React.createFactory(require('./components/email'));
var membershipForm = React.createFactory(require('./components/membershipForm'));

const pathName = window.location.pathname;

document.querySelectorAll('.email').forEach((element) =>
  ReactDOM.render(email(), element)
);

if (pathName == '/') {
  ReactDOM.render(
    inviteForm(),
    document.getElementById('invite-form'));

  ReactDOM.render(
    fader(),
    document.getElementById('fader'));

  ReactDOM.render(
    members(),
    document.getElementById('members'));

  ReactDOM.render(
    feed(),
    document.getElementById('feed'));

} else if (pathName == '/yhdistys.html') {
  ReactDOM.render(
    membershipForm(),
    document.getElementById('membership-form'));

  ReactDOM.render(
    fader(),
    document.getElementById('fader'));

  ReactDOM.render(
    React.createElement('div', {}, [
      members({ key: 0 }),
      members({ key: 1 })
    ]),
    document.getElementById('members'));
}