app.js

// react
import React from 'react';
import ReactDOM from 'react-dom';

// material ui
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import {blue500, grey50, grey600} from 'material-ui/styles/colors';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import injectTapEventPlugin from 'react-tap-event-plugin';
// Needed for onTouchTap
// http://stackoverflow.com/a/34015469/988941
injectTapEventPlugin();

// my component
import TrackboxFAB from './components/TrackboxFAB';
import Console from './components/Console';
import TrackGoalContainer from './containers/TrackGoal';
import LoadingContainer from './containers/Loading';

const muiTheme = getMuiTheme({
	tabs: {
		backgroundColor: grey50,
		textColor: grey600,
		selectedTextColor: blue500
	},
	inkBar: {
		backgroundColor: blue500
	}
});


const App = () => (
	<MuiThemeProvider muiTheme={muiTheme}>
		<div>
			<TrackboxFAB />
			<Console mini={true}/>
			<TrackGoalContainer />
			<LoadingContainer />
		</div>
	</MuiThemeProvider>
);

export default App;