/* global $ */

import './events.js';

import React from 'react';
import ProjectImagesTypes from './components/index/project-images-types';
import ProjectImagesMain from './components/index/project-images-main';

import NavBar from './components/navbar/navbar';
import Breadcrumbs from './components/breadcrumbs';

if ($('body').hasClass('index')) {  // Render components on index
  React.render(<ProjectImagesTypes />, document.getElementById('project-images-types'));
  React.render(<ProjectImagesMain />, document.getElementById('project-images-main'));
}

if ($('navbar')) {
  React.render(<NavBar />, $('navbar')[0]);
}

if ($('#breadcrumbs')) {
  React.render(<Breadcrumbs />, $('#breadcrumbs')[0]);
}