Removed gcs from mac-address and updated file names

Nothing big. Added some files on the vehicle container to address #49. Hoping to merge with dev-2018 really soon

resources/mac-address.json

@@ -1,6 +1,6 @@
 {
-  "gcs": ["0013A20040917A31"],
-  "uav": "",
+  "isr": "",
+  "ipd": "",
   "ugv": "",
   "vtol": ""
 }

src/renderer/index.js

@@ -3,10 +3,10 @@ import React, { Component } from 'react';
 import ReactDOM from 'react-dom';
 
 import { fixtures, geolocation } from '../../resources/index.js';
-import LogContainer from './log/Log.js';
-import MapContainer from './map/Map.js';
-import MissionContainer from './mission/Mission.js';
-import VehicleContainer from './vehicle/Vehicle.js';
+import LogContainer from './log/LogContainer.js';
+import MapContainer from './map/MapContainer.js';
+import MissionContainer from './mission/MissionContainer.js';
+import VehicleContainer from './vehicle/VehicleContainer.js';
 
 import 'leaflet/dist/leaflet.css';
 import 'react-virtualized/styles.css';

src/renderer/vehicle/VehicleContainer.js

@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+
+import VehicleTable from './VehicleTable.js';
+
+import './vehicle.css';
+
+export default class VehicleContainer extends Component {
+  state = {
+    xbeeConnected: false,
+  };
+
+  render() {
+    return (
+      <div className='vehicleContainer container'>
+        {<VehicleTable />}
+      </div>
+    );
+  }
+}

src/renderer/vehicle/Vehicle.js → src/renderer/vehicle/VehicleTable.js

@@ -2,10 +2,7 @@ import { ipcRenderer } from 'electron';
 import React, { Component } from 'react';
 import { AutoSizer, Table, Column } from 'react-virtualized';
 
-import './vehicle.css';
-
-
-export default class VehicleContainer extends Component {
+export default class VehicleTable extends Component {
   state = {
     vehicles: {},
   };
@@ -46,38 +43,41 @@ export default class VehicleContainer extends Component {
 
   render() {
     return (
-      <div className='vehicleContainer container'>
-        <AutoSizer>
-          {({ height, width }) =>
-            <Table
-              width={width}
-              height={height}
-              headerHeight={40}
-              rowHeight={40}
-              rowCount={Object.keys(this.state.vehicles).length}
-              rowGetter={this.rowGetter}
-              onRowClick={this.onRowClick}
-            >
-              <Column
-                label='ID'
-                dataKey='id'
-                width={width * this.width.id}
-              />
-              <Column
-                label='Name'
-                dataKey='name'
-                width={width * this.width.name}
-              />
-              <Column
-                label='Status'
-                dataKey='status'
-                width={width * this.width.status}
-                cellRenderer={this.statusRenderer}
-              />
-            </Table>
-          }
-        </AutoSizer>
-      </div>
+      <AutoSizer>
+        {({ height, width }) =>
+          <Table
+            style={{
+              position: 'relative',
+              top: 0,
+              right: 0,
+            }}
+            width={width}
+            height={height}
+            headerHeight={40}
+            rowHeight={40}
+            rowCount={Object.keys(this.state.vehicles).length}
+            rowGetter={this.rowGetter}
+            onRowClick={this.onRowClick}
+          >
+            <Column
+              label='ID'
+              dataKey='id'
+              width={width * this.width.id}
+            />
+            <Column
+              label='Name'
+              dataKey='name'
+              width={width * this.width.name}
+            />
+            <Column
+              label='Status'
+              dataKey='status'
+              width={width * this.width.status}
+              cellRenderer={this.statusRenderer}
+            />
+          </Table>
+        }
+      </AutoSizer>
     );
   }
 }

src/renderer/vehicle/XbeeConnectContainer.js

@@ -0,0 +1,7 @@
+import React, { Component } from 'react';
+
+export default class XbeeConnectContainer extends Component {
+  render() {
+    return <div />;
+  }
+}