Implemented some of api keys

frontend/scenes/Settings/SettingsStore.js

@@ -1,7 +1,52 @@
-import { observable, action, runInAction } from 'mobx';
-// import { client } from 'utils/ApiClient';
+import { observable, action, runInAction, toJS } from 'mobx';
+import { client } from 'utils/ApiClient';
 
 class SearchStore {
-};
+  @observable apiKeys = [];
+  @observable keyName;
+
+  @observable isFetching;
+
+  @action fetchApiKeys = async () => {
+    this.isFetching = true;
+
+    try {
+      const res = await client.post('/apiKeys.list');
+      const { data } = res;
+      runInAction('fetchApiKeys', () => {
+        this.apiKeys = data;
+      });
+    } catch (e) {
+      console.error("Something went wrong");
+    }
+    this.isFetching = false;
+  }
+
+  @action createApiKey = async () => {
+    this.isFetching = true;
+
+    try {
+      const res = await client.post('/apiKeys.create', {
+        name: `${this.keyName}` || 'Untitled key',
+      });
+      const { data } = res;
+      runInAction('createApiKey', () => {
+        this.apiKeys.push(data);
+        this.keyName = '';
+      });
+    } catch (e) {
+      console.error("Something went wrong");
+    }
+    this.isFetching = false;
+  }
+
+  @action setKeyName = (value) => {
+    this.keyName = value.target.value;
+  }
+
+  constructor() {
+    this.fetchApiKeys();
+  }
+}
 
 export default SearchStore;