Added OrderList Page

Author: jacobkuriala

src/_nav.js

@@ -9,6 +9,11 @@ export default {
         text: 'NEW',
       },
     },
+    {
+      url: '/orders',
+      name: 'Orders',
+      class: ''             // optional class names space delimited list for title item ex: "text-center"
+    },
     {
       title: true,
       name: 'Testing React-Table',

src/routes.js

@@ -31,7 +31,7 @@ import {
   Tooltips,
   Typography,
   Widgets,
-  ReactTableExample
+  OrderList
 } from './views';
 import Full from './containers/Full';
 
@@ -75,7 +75,8 @@ const routes = [
   { path: '/notifications/modals', name: 'Modals', component: Modals },
   { path: '/widgets', name: 'Widgets', component: Widgets },
   { path: '/charts', name: 'Charts', component: Charts },
-  { path: '/exampletables', name: 'Sample Core UI Tables', component: Tables }
+  { path: '/exampletables', name: 'Sample Core UI Tables', component: Tables },
+  { path: '/orders', name: 'Orders', component: OrderList}
 ];
 
 export default routes;

src/views/AppPages/Orders/OrderList.js

@@ -0,0 +1,34 @@
+import React, { Component } from 'react';
+
+class OrderList extends Component {
+  constructor(props){
+    super(props);
+    this.state = {
+      'dealerId': null
+    }
+  }
+
+  componentDidMount(){
+    this.props.auth.getProfile((error,user)=>{
+      if(user["http://localhost:3013/user_metadata"].dealerIds){
+        this.setState({
+          'dealerIds': user["http://localhost:3013/user_metadata"].dealerIds
+        });
+      }
+    });
+  }
+  render(){
+    return (
+      <div>
+        <div>
+          This is the OrderList component
+        </div>
+        <div>
+
+        </div>
+      </div>
+    )
+  }
+}
+
+export default OrderList;

src/views/AppPages/Orders/OrderList.test.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import OrderList from './OrderList';
+
+jest.mock('react-chartjs-2', () => ({
+  Line: () => null,
+  Bar: () => null,
+}));
+
+it('renders without crashing', () => {
+  const div = document.createElement('div');
+  ReactDOM.render(<OrderList />, div);
+  ReactDOM.unmountComponentAtNode(div);
+});

src/views/AppPages/Orders/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "OrderList",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./OrderList.js"
+}

src/views/AppPages/index.js

@@ -0,0 +1,5 @@
+import OrderList from './Orders';
+
+export {
+  OrderList
+};

src/views/index.js

@@ -26,6 +26,7 @@ import { Alerts, Badges, Modals } from './Notifications';
 import { Login, Page404, Page500, Register } from './Pages';
 import { Colors, Typography } from './Theme';
 import Widgets from './Widgets';
+import { OrderList } from './AppPages';
 
 export {
   Badges,
@@ -63,6 +64,7 @@ export {
   Carousels,
   Cards,
   Breadcrumbs,
-  Paginations
+  Paginations,
+  OrderList
 };