frontend > app

app/components/DocumentViews/DocumentViewersStore.js

@@ -0,0 +1,41 @@
+// @flow
+import { observable, action } from 'mobx';
+import invariant from 'invariant';
+import { client } from 'utils/ApiClient';
+import type { User } from 'types';
+
+type View = {
+  user: User,
+  count: number,
+};
+
+class DocumentViewersStore {
+  documentId: string;
+  @observable viewers: Array<View>;
+  @observable isFetching: boolean;
+
+  @action fetchViewers = async () => {
+    this.isFetching = true;
+
+    try {
+      const res = await client.post(
+        '/views.list',
+        {
+          id: this.documentId,
+        },
+        { cache: true }
+      );
+      invariant(res && res.data, 'Data should be available');
+      this.viewers = res.data.users;
+    } catch (e) {
+      console.error('Something went wrong');
+    }
+    this.isFetching = false;
+  };
+
+  constructor(documentId: string) {
+    this.documentId = documentId;
+  }
+}
+
+export default DocumentViewersStore;