1 files changed, 27 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/mixins/approvals.js b/app/assets/javascripts/vue_merge_request_widget/mixins/approvals.js
index 7d0871f696b..a43c784db28 100644
--- a/app/assets/javascripts/vue_merge_request_widget/mixins/approvals.js
+++ b/app/assets/javascripts/vue_merge_request_widget/mixins/approvals.js
@@ -1,7 +1,34 @@
+import { createAlert } from '~/flash';
+import approvedByQuery from 'ee_else_ce/vue_merge_request_widget/components/approvals/queries/approvals.query.graphql';
+import { FETCH_ERROR } from '../components/approvals/messages';
+
 export default {
+  apollo: {
+    approvals: {
+      query: approvedByQuery,
+      variables() {
+        return {
+          projectPath: this.mr.targetProjectFullPath,
+          iid: `${this.mr.iid}`,
+        };
+      },
+      update: (data) => data.project.mergeRequest,
+      result({ data }) {
+        const { mergeRequest } = data.project;
+
+        this.mr.setApprovals(mergeRequest);
+      },
+      error() {
+        createAlert({
+          message: FETCH_ERROR,
+        });
+      },
+    },
+  },
   data() {
     return {
       alerts: [],
+      approvals: {},
     };
   },
   methods: {