import React, { Component } from 'react';
import './App.css';
import { connect } from 'react-redux';
import SelectGender from './components/SelectGender.js';
import store from './store.js';
import Restart from './components/Restart.js';
import Action from './components/Action.js';
import AcceptedList from './components/AcceptedList.js';
import RejectedList from './components/RejectedList.js';
import { Switch, Route } from 'react-router-dom'


class App extends Component {

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div className="App">
        <div>
        <Restart></Restart> 
        <ul className="tab-menu">
          <li><a href="./nei">Nei</a></li>
          <li><a href="/">Navn</a></li>
          <li><a href="./ja">Ja</a></li>
        </ul>
        <div className="action-container">
          <Switch>
            <Route exact path='/' component={SelectGender}/>
            <Route exact path='/navn' component={Action}/>
            <Route exact path='/nei' component={RejectedList}/>
            <Route exact path='/ja' component={AcceptedList}/>
          </Switch>
        </div>
      </div>
      </div>
    );
  }
}

const mapStateToProps = function(store) {
  return {
    gender: store.gender
  };
}

export default connect(mapStateToProps)(App);


@@ -226,24 +226,73 @@
 estart.js';%0A
+import Progress from './components/Progress.js';%0A
 import Actio
@@ -624,22 +624,8 @@
 p%22%3E%0A
-        %3Cdiv%3E%0A
     
@@ -647,17 +647,16 @@
 Restart%3E
- 
 %0A       
@@ -657,18 +657,19 @@
        %3C
-ul
+div
  classNa
@@ -676,157 +676,29 @@
 me=%22
-tab-menu%22%3E%0A          %3Cli%3E%3Ca href=%22./nei%22%3ENei%3C/a%3E%3C/li%3E%0A          %3Cli%3E%3Ca href=%22/%22%3ENavn%3C/a%3E%3C/li%3E%0A          %3Cli%3E%3Ca href=%22./ja%22%3EJa%3C/a%3E%3C/li%3E%0A        %3C/ul%3E%0A
+action-container%22%3E%0A  
     
@@ -720,36 +720,32 @@
 ame=%22action-
-container
+box
 %22%3E%0A
+  
           %3CS
@@ -743,32 +743,34 @@
        %3CSwitch%3E%0A
+  
             %3CRou
@@ -811,19 +811,22 @@
 tGender%7D
+ 
 /%3E%0A
+  
         
@@ -873,19 +873,22 @@
 %7BAction%7D
+ 
 /%3E%0A
+  
         
@@ -932,32 +932,33 @@
 t=%7BRejectedList%7D
+ 
 /%3E%0A            %3C
@@ -948,32 +948,34 @@
  /%3E%0A            
+  
 %3CRoute exact pat
@@ -1006,16 +1006,17 @@
 tedList%7D
+ 
 /%3E%0A     
@@ -1020,16 +1020,18 @@
         
+  
 %3C/Switch
@@ -1024,32 +1024,49 @@
       %3C/Switch%3E%0A
+          %3C/div%3E%0A
         %3C/div%3E%0A 
@@ -1073,37 +1073,24 @@
      %3C/div%3E%0A
-      %3C/div%3E%0A
     );%0A  %7D%0A%7D
@@ -1123,16 +1123,17 @@
 function
+ 
 (store) 

Move menu