adding admin router and dropdown fix

frontend/src/MainApp/index.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import Login from '../components/Login/index'
 import NotFound from '../components/NotFound/index'
+import AdminView from '../components/AdminView/index'
 import { Switch, Route, Redirect } from 'react-router-dom'
 class MainApp extends Component {
   constructor(props){
@@ -15,12 +16,12 @@ class MainApp extends Component {
       submittedData:data
     })
   }
-
   render() {
     return (
         <main>
           <Switch>
             <Route exact path='/' render={() => <Login onSubmit={this.onSubmit}/>}/>
+            <Route exact path='/AdminView' component={AdminView} />
             <Route path='/NotFound' component={NotFound} />
             <Redirect from='*' to='/NotFound' />
           </Switch>

frontend/src/common/SelectBox2/index.js

@@ -6,11 +6,11 @@ class SelectBox2 extends React.Component {
   }
 
   render() {
-    const { options } = this.props
+    const { options, value } = this.props
     return (
-      <select className='SelectBox2SelectBox' onChange={this.props.handleChange}>
+      <select className='SelectBox2SelectBox' onChange={this.props.handleChange} value={value}>
         {options.map((option, index) => {
-          return <option key={index}>{option}</option>
+          return <option key={index} value={option}>{option}</option>
         })}
       </select>
     )

frontend/src/common/SelectBoxWithLabel/index.js

@@ -5,13 +5,13 @@ import './index.css'
 class SelectBoxWithLabel extends React.Component {
 
   render() {
-    const { category } = this.props
+    const { category, value } = this.props
     return (
       <div className='SelectBox2'>
         <div className='SelectBox2Label'>
           {category}
         </div>
-        <SelectBox2 options={this.props.options} handleChange={this.props.handleChange}></SelectBox2>
+        <SelectBox2 options={this.props.options} handleChange={this.props.handleChange} value={value}></SelectBox2>
       </div>
     )
   }

frontend/src/components/AdminView/index.js

@@ -0,0 +1,11 @@
+import React, {Component} from 'react';
+class AdminView extends Component {
+  constructor(props){
+    super(props)
+  }
+  render(){
+    return (<h1>Successfully submit</h1>)
+  }
+}
+
+export default AdminView;

frontend/src/components/OnemdaForm/index.js

@@ -6,7 +6,7 @@ import SelectBoxWithLabel from '../../common/SelectBoxWithLabel/index'
 import Date from '../../common/Date/index'
 import TextBox from '../../common/TextBox/index'
 import TextWithCaption from '../../common/TextWithCaption/index'
-import Emoji from '../../common/Emoji/index'
+import { withRouter } from 'react-router-dom';
 
 class OnemdaForm extends React.Component {
   constructor(props) {
@@ -161,7 +161,12 @@ class OnemdaForm extends React.Component {
         'Content-Type': 'application/json',
       },
       body: JSON.stringify(data)
-    })
+    }).then((response)=>{
+        this.props.history.push('/AdminView')
+      }
+    ).catch(function(err) {
+      console.log('Fetch Error :-S', err);
+    });
 
     console.log('submitting for realz')
   }
@@ -181,7 +186,7 @@ class OnemdaForm extends React.Component {
         <SelectBoxWithLabel category='Service Category' options={categories} handleChange={this.handleChangeSelectBoxServiceCategory}></SelectBoxWithLabel>
         <Date handleChange={this.handleChangeDate}></Date>
         <SelectableButtonGroupWithLabel handleChange={this.handleChangeSBGSessionTime}  label='Session Time' options={options2}></SelectableButtonGroupWithLabel>
-        <SelectBoxWithLabel category='Activity Name' options={this.state.activityCategoryNames} handleChange={this.handleChangeSelectBoxActivityName}></SelectBoxWithLabel>
+        <SelectBoxWithLabel category='Activity Name' options={this.state.activityCategoryNames} handleChange={this.handleChangeSelectBoxActivityName} value={this.state.activityName}></SelectBoxWithLabel>
         <TextWithCaption heading='LEARNING' text=' Onemda will suport me with everyday learning that promotes my independence and personal development over the next 12 months'></TextWithCaption>
         <SelectableButtonGroup handleChange={() => {}} options={options1}></SelectableButtonGroup>
         <TextBox handleChange={this.handleChangeLearningComment}></TextBox>
@@ -199,4 +204,4 @@ class OnemdaForm extends React.Component {
   }
 }
 
-export default OnemdaForm
+export default withRouter(OnemdaForm)