WIP optimize connect with redux state in preferences pages.

client/src/containers/Preferences/Users/UsersActions.js

@@ -0,0 +1,38 @@
+import React, {useCallback} from 'react';
+import {
+  Button,
+  Intent,
+} from '@blueprintjs/core';
+import Icon from 'components/Icon';
+import DialogConnect from 'connectors/Dialog.connector';
+import {compose} from 'utils';
+
+function UsersActions({
+  openDialog,
+  closeDialog,
+}) {
+  const onClickNewUser = useCallback(() => {
+    openDialog('user-form');
+  }, []);
+
+  return (
+    <div claass="preferences-actions">
+      <Button
+        icon={<Icon icon='plus' iconSize={12} />}
+        onClick={onClickNewUser}
+        intent={Intent.PRIMARY}>
+        Invite User
+      </Button>
+
+      <Button
+        icon={<Icon icon='plus' iconSize={12} />}
+        onClick={onClickNewUser}>
+        New Role
+      </Button>
+    </div>
+  );
+}
+
+export default compose(
+  DialogConnect,
+)(UsersActions);