import React, { PropTypes } from 'react';
import FailureList from './FailureList';
import Gauge from './Gauge';

const Dashboard = ({ connection, testEnvs, production, ci }) => (
  <div className='dashboard'>
    <div className={ `connectionAlert ${connection}` }>Connection Lost</div>
    <div className='columnContainer'>
      <div className='rowContainer'>
        <FailureList name='Production' state={ production } />
      </div>
      <div className='rowContainer'>
        <FailureList name='Test Environments' state={ testEnvs } />
      </div>
      <div className='rowContainer'>
        <FailureList name='CI' state={ ci } />
        <Gauge title='30 Speed' value={60} description="so many!"/>
      </div>
    </div>
  </div>
);

Dashboard.propTypes = {
  connection: PropTypes.string.isRequired,
  testEnvs: React.PropTypes.object.isRequired,
  production: React.PropTypes.object.isRequired,
  ci: React.PropTypes.object.isRequired,
};

export default Dashboard;

@@ -79,37 +79,8 @@
 st';
-%0Aimport Gauge from './Gauge';
 %0A%0Aco
@@ -607,76 +607,8 @@
  /%3E%0A
-        %3CGauge title='30 Speed' value=%7B60%7D description=%22so many!%22/%3E%0A
     

Remove gauge by default