Move wifi routing

interface/src/containers/Security.js

@@ -1,35 +0,0 @@
-import React, { Component } from 'react';
-import { Redirect, Switch } from 'react-router-dom'
-
-import Tabs from '@material-ui/core/Tabs';
-import Tab from '@material-ui/core/Tab';
-
-import AuthenticatedRoute from '../authentication/AuthenticatedRoute';
-import MenuAppBar from '../components/MenuAppBar';
-import ManageUsers from './ManageUsers';
-import SecuritySettings from './SecuritySettings';
-
-class Security extends Component {
-
-  handleTabChange = (event, path) => {
-    this.props.history.push(path);
-  };
-
-  render() {
-    return (
-      <MenuAppBar sectionTitle="Security">
-        <Tabs value={this.props.match.url} onChange={this.handleTabChange} indicatorColor="primary" textColor="primary" variant="fullWidth">
-          <Tab value="/security/users" label="Manage Users" />
-          <Tab value="/security/settings" label="Security Settings" />
-        </Tabs>
-        <Switch>
-          <AuthenticatedRoute exact={true} path="/security/users" component={ManageUsers} />
-          <AuthenticatedRoute exact={true} path="/security/settings" component={SecuritySettings} />
-          <Redirect to="/security/users" />
-        </Switch>
-      </MenuAppBar>
-    )
-  }
-}
-
-export default Security;

interface/src/containers/WiFiConfiguration.js

@@ -1,54 +0,0 @@
-import React, { Component } from 'react';
-
-import Tabs from '@material-ui/core/Tabs';
-import Tab from '@material-ui/core/Tab';
-
-import MenuAppBar from '../components/MenuAppBar';
-import WiFiNetworkScanner from './WiFiNetworkScanner';
-import WiFiSettings from './WiFiSettings';
-import WiFiStatus from './WiFiStatus';
-
-class WiFiConfiguration extends Component {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-        selectedTab: "wifiStatus",
-        selectedNetwork: null
-    };
-    this.selectNetwork = this.selectNetwork.bind(this);
-    this.deselectNetwork = this.deselectNetwork.bind(this);
-  }
-
-  // TODO - slightly inapproperate use of callback ref possibly.
-  selectNetwork(network) {
-    this.setState({ selectedTab: "wifiSettings", selectedNetwork:network });
-  }
-
-  // deselects the network after the settings component mounts.
-  deselectNetwork(network) {
-    this.setState({ selectedNetwork:null });
-  }
-
-  handleTabChange = (event, selectedTab) => {
-    this.setState({ selectedTab });
-  };
-
-  render() {
-    const { selectedTab } = this.state;
-    return (
-      <MenuAppBar sectionTitle="WiFi Configuration">
-        <Tabs value={selectedTab} onChange={this.handleTabChange} indicatorColor="primary" textColor="primary" variant="fullWidth">
-           <Tab value="wifiStatus" label="WiFi Status" />
-           <Tab value="networkScanner" label="Network Scanner" />
-           <Tab value="wifiSettings" label="WiFi Settings" />
-         </Tabs>
-         {selectedTab === "wifiStatus" && <WiFiStatus />}
-         {selectedTab === "networkScanner" && <WiFiNetworkScanner selectNetwork={this.selectNetwork} />}
-         {selectedTab === "wifiSettings" && <WiFiSettings deselectNetwork={this.deselectNetwork} selectedNetwork={this.state.selectedNetwork} />}
-      </MenuAppBar>
-    )
-  }
-}
-
-export default WiFiConfiguration;