Converted server handling actions into regular actions

src/container/store.js

@@ -8,7 +8,7 @@ const composeEnhancers = process.env.NODE_ENV !== 'production' && window.__REDUX
   : compose;
 
 const localStorageConfig = {
-  states: [ 'settings' ],
+  states: [ 'settings', 'servers' ],
   namespace: 'shlink',
   namespaceSeparator: '.',
 };

src/servers/ServersDropdown.js

@@ -8,7 +8,6 @@ const ServersDropdown = (serversExporter) => class ServersDropdown extends React
   static propTypes = {
     servers: PropTypes.object,
     selectedServer: serverType,
-    listServers: PropTypes.func,
     history: PropTypes.shape({
       push: PropTypes.func,
     }),
@@ -39,8 +38,6 @@ const ServersDropdown = (serversExporter) => class ServersDropdown extends React
     );
   };
 
-  componentDidMount = this.props.listServers;
-
   render = () => (
     <UncontrolledDropdown nav inNavbar>
       <DropdownToggle nav caret>Servers</DropdownToggle>

src/servers/reducers/servers.js

@@ -1,9 +1,14 @@
 import { handleActions } from 'redux-actions';
-import { pipe, isEmpty, assoc, map, prop } from 'ramda';
+import { pipe, isEmpty, assoc, map, prop, reduce, dissoc } from 'ramda';
 import { v4 as uuid } from 'uuid';
 import { homepage } from '../../../package.json';
 
+/* eslint-disable padding-line-between-statements */
 export const LIST_SERVERS = 'shlink/servers/LIST_SERVERS';
+export const EDIT_SERVER = 'shlink/servers/EDIT_SERVER';
+export const DELETE_SERVER = 'shlink/servers/DELETE_SERVER';
+export const CREATE_SERVERS = 'shlink/servers/CREATE_SERVERS';
+/* eslint-enable padding-line-between-statements */
 
 const initialState = {};
 
@@ -11,6 +16,11 @@ const assocId = (server) => assoc('id', server.id || uuid(), server);
 
 export default handleActions({
   [LIST_SERVERS]: (state, { list }) => list,
+  [CREATE_SERVERS]: (state, { newServers }) => ({ ...state, ...newServers }),
+  [DELETE_SERVER]: (state, { serverId }) => dissoc(serverId, state),
+  [EDIT_SERVER]: (state, { serverId, serverData }) => !state[serverId]
+    ? state
+    : assoc(serverId, { ...state[serverId], ...serverData }, state),
 }, initialState);
 
 export const listServers = ({ listServers, createServers }, { get }) => () => async (dispatch) => {
@@ -42,14 +52,16 @@ export const listServers = ({ listServers, createServers }, { get }) => () => as
   dispatch({ type: LIST_SERVERS, list: remoteList.reduce((map, server) => ({ ...map, [server.id]: server }), {}) });
 };
 
-export const createServer = ({ createServer }, listServersAction) => pipe(createServer, listServersAction);
+export const createServer = (server) => createServers([ server ]);
 
-export const editServer = ({ editServer }, listServersAction) => pipe(editServer, listServersAction);
+const serversListToMap = reduce((acc, server) => assoc(server.id, server, acc), {});
 
-export const deleteServer = ({ deleteServer }, listServersAction) => pipe(deleteServer, listServersAction);
-
-export const createServers = ({ createServers }, listServersAction) => pipe(
+export const createServers = pipe(
   map(assocId),
-  createServers,
-  listServersAction
+  serversListToMap,
+  (newServers) => ({ type: CREATE_SERVERS, newServers })
 );
+
+export const editServer = (serverId, serverData) => ({ type: EDIT_SERVER, serverId, serverData });
+
+export const deleteServer = ({ id }) => ({ type: DELETE_SERVER, serverId: id });

src/servers/services/provideServices.js

@@ -23,7 +23,7 @@ const provideServices = (bottle, connect, withRouter) => {
 
   bottle.serviceFactory('ServersDropdown', ServersDropdown, 'ServersExporter');
   bottle.decorator('ServersDropdown', withRouter);
-  bottle.decorator('ServersDropdown', connect([ 'servers', 'selectedServer' ], [ 'listServers' ]));
+  bottle.decorator('ServersDropdown', connect([ 'servers', 'selectedServer' ]));
 
   bottle.serviceFactory('DeleteServerModal', () => DeleteServerModal);
   bottle.decorator('DeleteServerModal', withRouter);
@@ -48,10 +48,10 @@ const provideServices = (bottle, connect, withRouter) => {
 
   // Actions
   bottle.serviceFactory('selectServer', selectServer, 'ServersService', 'buildShlinkApiClient', 'loadMercureInfo');
-  bottle.serviceFactory('createServer', createServer, 'ServersService', 'listServers');
-  bottle.serviceFactory('createServers', createServers, 'ServersService', 'listServers');
-  bottle.serviceFactory('deleteServer', deleteServer, 'ServersService', 'listServers');
-  bottle.serviceFactory('editServer', editServer, 'ServersService', 'listServers');
+  bottle.serviceFactory('createServer', () => createServer);
+  bottle.serviceFactory('createServers', () => createServers);
+  bottle.serviceFactory('deleteServer', () => deleteServer);
+  bottle.serviceFactory('editServer', () => editServer);
   bottle.serviceFactory('listServers', listServers, 'ServersService', 'axios');
 
   bottle.serviceFactory('resetSelectedServer', () => resetSelectedServer);