Minor improvements

src/container/store.js

@@ -1,6 +1,6 @@
 import ReduxThunk from 'redux-thunk';
 import { applyMiddleware, compose, createStore } from 'redux';
-import { save, load } from '@shlinkio/redux-localstorage-simple';
+import { save, load } from 'redux-localstorage-simple';
 import reducers from '../reducers';
 
 const composeEnhancers = process.env.NODE_ENV !== 'production' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
@@ -11,6 +11,7 @@ const localStorageConfig = {
   states: [ 'settings', 'servers' ],
   namespace: 'shlink',
   namespaceSeparator: '.',
+  debounce: 300,
 };
 
 const store = createStore(reducers, load(localStorageConfig), composeEnhancers(

src/servers/ServersDropdown.js

@@ -2,20 +2,17 @@ import { isEmpty, values } from 'ramda';
 import React from 'react';
 import { DropdownItem, DropdownMenu, DropdownToggle, UncontrolledDropdown } from 'reactstrap';
 import PropTypes from 'prop-types';
+import { Link } from 'react-router-dom';
 import { serverType } from './prop-types';
 
 const propTypes = {
   servers: PropTypes.object,
   selectedServer: serverType,
-  history: PropTypes.shape({
-    push: PropTypes.func,
-  }),
 };
 
 const ServersDropdown = (serversExporter) => {
-  const ServersDropdownComp = ({ servers, selectedServer, history }) => {
+  const ServersDropdownComp = ({ servers, selectedServer }) => {
     const serversList = values(servers);
-    const loadServer = (id) => history.push(`/server/${id}/list-short-urls/1`);
 
     const renderServers = () => {
       if (isEmpty(serversList)) {
@@ -25,7 +22,12 @@ const ServersDropdown = (serversExporter) => {
       return (
         <React.Fragment>
           {serversList.map(({ name, id }) => (
-            <DropdownItem key={id} active={selectedServer && selectedServer.id === id} onClick={() => loadServer(id)}>
+            <DropdownItem
+              key={id}
+              tag={Link}
+              to={`/server/${id}/list-short-urls/1`}
+              active={selectedServer && selectedServer.id === id}
+            >
               {name}
             </DropdownItem>
           ))}

src/servers/services/provideServices.js

@@ -22,7 +22,6 @@ const provideServices = (bottle, connect, withRouter) => {
   bottle.decorator('EditServer', connect([ 'selectedServer' ], [ 'editServer', 'selectServer' ]));
 
   bottle.serviceFactory('ServersDropdown', ServersDropdown, 'ServersExporter');
-  bottle.decorator('ServersDropdown', withRouter);
   bottle.decorator('ServersDropdown', connect([ 'servers', 'selectedServer' ]));
 
   bottle.serviceFactory('DeleteServerModal', () => DeleteServerModal);

src/settings/RealTimeUpdates.js

@@ -1,8 +1,6 @@
 import React from 'react';
-import { Card, CardBody, CardHeader, UncontrolledTooltip } from 'reactstrap';
+import { Card, CardBody, CardHeader } from 'reactstrap';
 import PropTypes from 'prop-types';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
 import Checkbox from '../utils/Checkbox';
 import { SettingsType } from './reducers/settings';
 
@@ -16,12 +14,8 @@ const RealTimeUpdates = ({ settings: { realTimeUpdates }, setRealTimeUpdates })
     <CardHeader>Real-time updates</CardHeader>
     <CardBody>
       <Checkbox checked={realTimeUpdates.enabled} onChange={setRealTimeUpdates}>
-        Enable real-time updates
-        <FontAwesomeIcon icon={faInfoCircle} className="ml-2" id="realTimeUpdatesInfo" />
-      </Checkbox>
-      <UncontrolledTooltip target="realTimeUpdatesInfo">
         Enable or disable real-time updates, when using Shlink v2.2.0 or newer.
-      </UncontrolledTooltip>
+      </Checkbox>
     </CardBody>
   </Card>
 );