entry.jsx

import "../less/main.less";
import React, { Component } from "react";
import { render } from "react-dom";
import { Router, Route, IndexRoute, browserHistory } from 'react-router';

/**
 * Import custom components to react
 */
import Main from '../javascripts/lib/main.component.jsx'
import Home from '../javascripts/lib/home.component.jsx'
import Connection from '../javascripts/lib/connection.component.jsx'
import Quality from '../javascripts/lib/quality.component.jsx'
import Tools from '../javascripts/lib/tools.component.jsx'
import Diagnostics from '../javascripts/lib/diagnostics.component.jsx'
import Report from '../javascripts/lib/report.component.jsx'


/**
 * Set up react routes
 */
render (
    <Router history={browserHistory}>
        <Route component={Main}>
            <Route path="/Users/jimmie/Documents/Connectiontool/fix/index.html" component={Home}/>
            <Route path="/connection" component={Connection}/>
            <Route path="/quality" component={Quality}/>
            <Route path="/tools" component={Tools}/>
            <Route path="/diagnostics" component={Diagnostics}/>
            <Route path="/report" component={Report}/>
        </Route>
    </Router>,
    document.getElementById('container')
);