update it

webui/package.json

@@ -39,6 +39,7 @@
     "react-transition-group": "^1.1.3",
     "redux": "^3.6.0",
     "redux-actions": "^2.0.3",
+    "redux-crud-store": "^5.2.2",
     "redux-saga": "^0.15.3",
     "styled-components": "2.0.0-19",
     "yarn": "^0.24.5"

webui/src/components/Base/Sidebar.js

@@ -4,9 +4,9 @@ import styled from 'styled-components';
 import { media, transitions } from 'helpers/style-utils';
 import oc from 'open-color';
 
+import SubscriberIcon from 'react-icons/lib/md/person-add'
 import PdnIcon from 'react-icons/lib/md/cast';
 import UserIcon from 'react-icons/lib/md/supervisor-account';
-import Test1Icon from 'react-icons/lib/md/ac-unit'
 import Test2Icon from 'react-icons/lib/md/access-alarm'
 import Test3Icon from 'react-icons/lib/md/3d-rotation'
 
@@ -79,11 +79,14 @@ const propTypes = {
 
 const defaultProps = {
   width: "16rem",
-  selectedView: "pdn"
 }
 
 const Sidebar = ({ isOpen, width, selectedView, onSelectView }) => (
   <Menu visible={isOpen} width={width}>
+    <Item name="subscriber" selected={selectedView} onSelect={onSelectView}>
+      <Icon><SubscriberIcon/></Icon>
+      <Title>Subscriber</Title>
+    </Item>
     <Item name="pdn" selected={selectedView} onSelect={onSelectView}>
       <Icon><PdnIcon/></Icon>
       <Title>PDN</Title>
@@ -92,10 +95,6 @@ const Sidebar = ({ isOpen, width, selectedView, onSelectView }) => (
       <Icon><UserIcon/></Icon>
       <Title>User</Title>
     </Item>
-    <Item name="test1" selected={selectedView} onSelect={onSelectView}>
-      <Icon><Test1Icon/></Icon>
-      <Title>Test111111111</Title>
-    </Item>
     <Item name="test2" selected={selectedView} onSelect={onSelectView}>
       <Icon><Test2Icon/></Icon>
       <Title>Testaaaaaaaa</Title>

webui/src/containers/App.js

@@ -7,6 +7,7 @@ import * as uiActions from 'actions/ui';
 import withWidth, { SMALL } from 'helpers/with-width';
 
 import { Layout } from 'components';
+import SubscriberContainer from 'containers/SubscriberContainer';
 import PdnContainer from 'containers/PdnContainer';
 import UserContainer from 'containers/UserContainer';
 
@@ -17,10 +18,6 @@ class App extends Component {
     width: PropTypes.number.isRequired
   }
   
-  static defaultProps = {
-    view: "pdn"
-  }
-
   componentWillMount() {
     const { 
       width,
@@ -39,6 +36,9 @@ class App extends Component {
 
     return (
       <Layout>
+        <Layout.Container visible={view === "subscriber"}>
+          <SubscriberContainer/>
+        </Layout.Container>
         <Layout.Container visible={view === "pdn"}>
           <PdnContainer/>
         </Layout.Container>

webui/src/containers/SubscriberContainer.js

@@ -0,0 +1,14 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+
+class SubscriberContainer extends Component {
+  render() {
+    return (
+      <div>
+        <p>asdfsdfasdf</p>
+      </div>
+    )
+  }
+}
+
+export default SubscriberContainer;

webui/src/reducers/ui.js

@@ -4,7 +4,7 @@ import { UI } from 'actions/ui';
 const initialState = {
   sidebar: {
     isOpen: false,
-    view: "pdn"
+    view: "subscriber"
   }
 }
 

webui/yarn.lock

@@ -2149,7 +2149,7 @@ ieee754@^1.1.4:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.8.tgz#be33d40ac10ef1926701f6f08a2d86fbfd1ad3e4"
 
-immutable@^3.8.1:
+"immutable@>= 3.7.6", immutable@^3.8.1:
   version "3.8.1"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.1.tgz#200807f11ab0f72710ea485542de088075f68cd2"
 
@@ -2531,6 +2531,10 @@ lodash.isarray@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/lodash.isarray/-/lodash.isarray-4.0.0.tgz#2aca496b28c4ca6d726715313590c02e6ea34403"
 
+lodash.isequal@^4.1.2:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
+
 lodash.isnumber@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz#3ce76810c5928d03352301ac287317f11c0b1ffc"
@@ -3545,7 +3549,16 @@ redux-actions@^2.0.3:
     lodash-es "^4.17.4"
     reduce-reducers "^0.1.0"
 
-redux-saga@^0.15.3:
+redux-crud-store@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/redux-crud-store/-/redux-crud-store-5.2.2.tgz#b6aa18d7dd32f215eb060a5a38ff156ce392ca23"
+  dependencies:
+    immutable ">= 3.7.6"
+    lodash.isequal "^4.1.2"
+    redux-saga ">= 0.9.5"
+    regenerator-runtime "^0.10.5"
+
+"redux-saga@>= 0.9.5", redux-saga@^0.15.3:
   version "0.15.3"
   resolved "https://registry.yarnpkg.com/redux-saga/-/redux-saga-0.15.3.tgz#be2b86b4ad46bf0d84fcfcb0ca96cfc33db91acb"
 
@@ -3562,7 +3575,7 @@ regenerate@^1.2.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.2.tgz#d1941c67bad437e1be76433add5b385f95b19260"
 
-regenerator-runtime@^0.10.0:
+regenerator-runtime@^0.10.0, regenerator-runtime@^0.10.5:
   version "0.10.5"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"