React redux hooks (plouc#3)

* Using react-redux hooks in NotificationsContainer

* Using react-redux hooks in CreateServerContainer

* Using react-redux hooks in SettingsContainer

Author: calumleask

src/edikit/notifications/containers/NotificationsContainer.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import Notifications from '../components/Notifications';
+import { IApplicationState } from '../../../store';
+
+const NotificationsContainer: React.FC = () => {
+  const notifications = useSelector(
+    (state: IApplicationState) => state.notifications,
+  );
+
+  return <Notifications notifications={notifications} />;
+};
+
+export default NotificationsContainer;

src/edikit/notifications/containers/NotificationsContainer.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { useDispatch } from 'react-redux';
+import { createServer as createServerAction } from '../store';
+import CreateServer, { ICreateServerProps } from '../components/CreateServer';
+import { IServer } from '../types';
+
+const CreateServerContainer: React.FC<
+  Pick<ICreateServerProps, 'close'>
+> = props => {
+  const dispatch = useDispatch();
+
+  const createServer = (server: Pick<IServer, 'name' | 'url' | 'port'>) => {
+    dispatch(createServerAction(server));
+  };
+
+  return <CreateServer {...props} createServer={createServer} />;
+};
+
+export default CreateServerContainer;

src/modules/servers/containers/CreateServerContainer.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { setSetting as setSettingsAction } from '../store';
+import { IApplicationState } from '../../../store';
+import Settings from '../components/Settings';
+
+const SettingsContainer: React.FC = () => {
+  const dispatch = useDispatch();
+  const settings = useSelector(
+    (state: IApplicationState) => state.settings.settings,
+  );
+
+  const setSetting = (key: string, value: any) => {
+    dispatch(setSettingsAction()(key, value));
+  };
+
+  return <Settings settings={settings} setSetting={setSetting} />;
+};
+
+export default SettingsContainer;