Integrate Redux in Settings, Remove Flux

.gitignore

@@ -6,6 +6,10 @@
 # testing
 /coverage
 
+# docker
+.dockerignore
+.8.dockerfile
+
 # production
 /build
 

package.json

@@ -17,7 +17,6 @@
     "contrast": "1.0.1",
     "country-data": "0.0.31",
     "dateformat": "2.0.0",
-    "flux": "3.1.3",
     "font-awesome": "4.7.0",
     "google-maps-react": "2.0.2",
     "history": "4.7.2",

src/App.js

@@ -25,6 +25,7 @@ import appActions from './redux/actions/app';
 import uiActions from './redux/actions/ui';
 import ProtectedRoute from './components/ProtectedRoute';
 import DialogSection from '../src/components/Dialog/DialogSection.react';
+import settingActions from './redux/actions/settings';
 
 const muiTheme = getMuiTheme({
   toggle: {
@@ -43,12 +44,16 @@ class App extends Component {
   };
 
   componentDidMount = () => {
-    const { actions, accessToken } = this.props;
+    const { accessToken, actions } = this.props;
+
     window.addEventListener('offline', this.onUserOffline);
     window.addEventListener('online', this.onUserOnline);
 
     actions.getApiKeys();
-    accessToken && actions.getAdmin();
+    if (accessToken) {
+      actions.getAdmin();
+      actions.getUserSettings();
+    }
   };
 
   componentWillUnmount = () => {
@@ -109,7 +114,10 @@ class App extends Component {
 
 function mapDispatchToProps(dispatch) {
   return {
-    actions: bindActionCreators({ ...appActions, ...uiActions }, dispatch),
+    actions: bindActionCreators(
+      { ...appActions, ...uiActions, ...settingActions },
+      dispatch,
+    ),
   };
 }
 

src/__tests__/components/ChatApp/Settings/AccountTab.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import AccountTab from '../../../../components/ChatApp/Settings/AccountTab.react';
+import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
+
+describe('<AccountTab />', () => {
+  it('render AccountTab without crashing', () => {
+    shallow(
+      <Provider store={store}>
+        <AccountTab />
+      </Provider>,
+    );
+  });
+});

src/__tests__/components/ChatApp/Settings/ChatAppTab.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import ChatAppTab from '../../../../components/ChatApp/Settings/ChatAppTab.react';
+import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
+
+describe('<ChatAppTab />', () => {
+  it('render ChatAppTab without crashing', () => {
+    shallow(
+      <Provider store={store}>
+        <ChatAppTab />
+      </Provider>,
+    );
+  });
+});

src/__tests__/components/ChatApp/Settings/DevicesTab.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import DevicesTab from '../../../../components/ChatApp/Settings/DevicesTab.react';
+import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
+
+describe('<DevicesTab />', () => {
+  it('render DevicesTab without crashing', () => {
+    shallow(
+      <Provider store={store}>
+        <DevicesTab />
+      </Provider>,
+    );
+  });
+});

src/__tests__/components/ChatApp/Settings/MicrophoneTab.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import MicrophoneTab from '../../../../components/ChatApp/Settings/MicrophoneTab.react';
+import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
+
+describe('<MicrophoneTab />', () => {
+  it('render MicrophoneTab without crashing', () => {
+    shallow(
+      <Provider store={store}>
+        <MicrophoneTab />
+      </Provider>,
+    );
+  });
+});

src/__tests__/components/ChatApp/Settings/MobileTab.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import MobileTab from '../../../../components/ChatApp/Settings/MobileTab.react';
+import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
+
+describe('<MobileTab />', () => {
+  it('render MobileTab without crashing', () => {
+    shallow(
+      <Provider store={store}>
+        <MobileTab />
+      </Provider>,
+    );
+  });
+});

src/__tests__/components/ChatApp/Settings/PasswordTab.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import PasswordTab from '../../../../components/ChatApp/Settings/PasswordTab.react';
+import { shallow } from 'enzyme';
+
+describe('<PasswordTab />', () => {
+  it('render PasswordTab without crashing', () => {
+    shallow(<PasswordTab />);
+  });
+});

src/__tests__/components/ChatApp/Settings/SpeechTab.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import SpeechTab from '../../../../components/ChatApp/Settings/SpeechTab.react';
+import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
+
+describe('<SpeechTab />', () => {
+  it('render SpeechTab without crashing', () => {
+    shallow(
+      <Provider store={store}>
+        <SpeechTab />
+      </Provider>,
+    );
+  });
+});

src/__tests__/components/ChatApp/Settings/TextToSpeechSettings.js

@@ -1,9 +1,17 @@
 import React from 'react';
 import TextToSpeechSettings from '../../../../components/ChatApp/Settings/TextToSpeechSettings.react';
 import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
 
 describe('<TextToSpeechSettings />', () => {
   it('render TextToSpeechSettings without crashing', () => {
-    shallow(<TextToSpeechSettings />);
+    shallow(
+      <Provider store={store}>
+        <TextToSpeechSettings />
+      </Provider>,
+    );
   });
 });

src/__tests__/components/ChatApp/Settings/ThemeChangeTab.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import ThemeChangeTab from '../../../../components/ChatApp/Settings/ThemeChangeTab.react';
+import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
+
+describe('<ThemeChangeTab />', () => {
+  it('render ThemeChangeTab without crashing', () => {
+    shallow(
+      <Provider store={store}>
+        <ThemeChangeTab />
+      </Provider>,
+    );
+  });
+});

src/__tests__/components/ChatApp/Settings/ThemeChanger.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import ThemeChanger from '../../../../components/ChatApp/Settings/ThemeChanger';
+import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
+
+describe('<ThemeChanger />', () => {
+  it('render ThemeChanger without crashing', () => {
+    shallow(
+      <Provider store={store}>
+        <ThemeChanger />
+      </Provider>,
+    );
+  });
+});

src/__tests__/components/Translate/Translate.js

@@ -1,10 +1,17 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 import Translate from '../../../components/Translate/Translate.react';
+import { shallow } from 'enzyme';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+const mockStore = configureMockStore();
+const store = mockStore({});
 
 describe('<Translate />', () => {
-  it('renders Translate without crashing', () => {
-    const div = document.createElement('div');
-    ReactDOM.render(<Translate />, div);
+  it('render Translate without crashing', () => {
+    shallow(
+      <Provider store={store}>
+        <Translate />
+      </Provider>,
+    );
   });
 });