Setup tests environment

src/App.test.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
-});

src/reducers/index.js

@@ -1,5 +1,9 @@
 import { combineReducers } from 'redux';
 
-const rootReducer = combineReducers({});
+import serversReducer from './servers';
+
+const rootReducer = combineReducers({
+  servers: serversReducer
+});
 
 export default rootReducer;

src/reducers/servers.js

@@ -0,0 +1,15 @@
+const FETCH_SERVERS = 'shlink/FETCH_SERVERS';
+const CREATE_SERVER = 'shlink/FETCH_SERVERS';
+
+export default function serversReducer(state = [{ name: 'bar' }], action) {
+  switch (action.type) {
+    case FETCH_SERVERS:
+      return action.servers;
+    case CREATE_SERVER:
+      return [ ...state, action.server ];
+  }
+
+  return state;
+}
+
+

src/servers/ServersDropdown.js

@@ -2,7 +2,19 @@ import React from 'react';
 import { DropdownItem, DropdownMenu, DropdownToggle, UncontrolledDropdown } from 'reactstrap';
 import { connect } from 'react-redux';
 
-class ServersDropdown extends React.Component {
+export class ServersDropdown extends React.Component {
+  renderServers = () => {
+    return this.props.servers.map(server => (
+      <DropdownItem key={server.name} onClick={() => this.selectServer(server)}>
+        {server.name}
+      </DropdownItem>
+    ));
+  };
+
+  selectServer = server => {
+    // TODO
+  };
+
   render() {
     return (
       <UncontrolledDropdown nav>
@@ -11,16 +23,15 @@ class ServersDropdown extends React.Component {
         </DropdownToggle>
 
         <DropdownMenu>
-          <DropdownItem>
-            Server 1 foo
-          </DropdownItem>
-          <DropdownItem>
-            Server 2 foo
-          </DropdownItem>
+          {this.renderServers()}
         </DropdownMenu>
       </UncontrolledDropdown>
     );
   }
 }
 
-export default connect()(ServersDropdown);
+const mapStateToProps = state => ({
+  servers: state.servers
+});
+
+export default connect(mapStateToProps)(ServersDropdown);