Initial work on the frontend

app/stores/settings/ApiKeysStore.js

@@ -2,11 +2,10 @@
 import { observable, action, runInAction } from 'mobx';
 import invariant from 'invariant';
 import { client } from 'utils/ApiClient';
-import type { ApiKey, User } from 'types';
+import type { ApiKey } from 'types';
 
-class SettingsStore {
+class SettingsApiKeysStore {
   @observable apiKeys: ApiKey[] = [];
-  @observable members: User[] = [];
   @observable isFetching: boolean = false;
   @observable isSaving: boolean = false;
 
@@ -56,24 +55,6 @@ class SettingsStore {
       console.error('Something went wrong');
     }
   };
-
-  @action
-  fetchMembers = async () => {
-    this.isFetching = true;
-
-    try {
-      const res = await client.post('/team.users');
-      invariant(res && res.data, 'Data should be available');
-      const { data } = res;
-
-      runInAction('fetchMembers', () => {
-        this.members = data.reverse();
-      });
-    } catch (e) {
-      console.error('Something went wrong');
-    }
-    this.isFetching = false;
-  };
 }
 
-export default SettingsStore;
+export default SettingsApiKeysStore;

app/stores/settings/MembersStore.js

@@ -0,0 +1,31 @@
+// @flow
+import { observable, action, runInAction } from 'mobx';
+import invariant from 'invariant';
+import { client } from 'utils/ApiClient';
+import type { User } from 'types';
+
+class SettingsUsersStore {
+  @observable members: User[] = [];
+  @observable isFetching: boolean = false;
+  @observable isSaving: boolean = false;
+
+  @action
+  fetchMembers = async () => {
+    this.isFetching = true;
+
+    try {
+      const res = await client.post('/team.users');
+      invariant(res && res.data, 'Data should be available');
+      const { data } = res;
+
+      runInAction('fetchMembers', () => {
+        this.members = data.reverse();
+      });
+    } catch (e) {
+      console.error('Something went wrong');
+    }
+    this.isFetching = false;
+  };
+}
+
+export default SettingsUsersStore;