import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import HistoryGraph from '../Graphics/HistoryGraph';
import LatestResults from '../Graphics/LatestResults';
import Footer from './Footer';
import DataRow from '../Data/DataRow';
import TestsTable from '../Graphics/TestsTable';
import Settings from '../Settings/Settings';
import Login from '../Login';
import Authentication from '../Authentication/Authentication';

export default class HomePage extends Component {

    render() {
        return (
            <div>
                <div className="my-4">
                    {(window.config.auth == true && window.authenticated == false) &&
                        <Login />
                    }
                    <LatestResults />
                    <HistoryGraph />
                    <TestsTable />
                    <Settings />
                    <Authentication />
                    <DataRow />
                </div>
                <Footer />
            </div>
        );
    }
}

if (document.getElementById('homePage')) {
    ReactDOM.render(<HomePage />, document.getElementById('homePage'));
}