add api service function

src/components/user_reporting_modal/user_reporting_modal.js

@@ -44,12 +44,12 @@ const UserReportingModal = {
       this.$store.dispatch('closeUserReportingModal')
     },
     reportUser () {
-      const payload = {
+      const params = {
         comment: this.comment,
         forward: this.forward,
-        statusIdsToReport: this.statusIdsToReport
+        statusIds: this.statusIdsToReport
       }
-      this.$store.dispatch('reportUser', payload)
+      this.$store.dispatch('reportUser', params)
     },
     isChecked (statusId) {
       return this.statusIdsToReport.indexOf(statusId) !== -1

src/modules/reports.js

@@ -24,8 +24,9 @@ const reports = {
     closeUserReportingModal ({ commit }) {
       commit('closeUserReportingModal')
     },
-    reportUser ({ commit }, payload) {
-      console.log('payload', payload)
+    reportUser ({ state, rootState, commit }, params) {
+      rootState.api.backendInteractor.reportUser({ userId: state.userId, ...params })
+        .then(result => console.log(result))
     }
   }
 }

src/services/api/api.service.js

@@ -50,6 +50,7 @@ const MASTODON_MEDIA_UPLOAD_URL = '/api/v1/media'
 const MASTODON_STATUS_FAVORITEDBY_URL = id => `/api/v1/statuses/${id}/favourited_by`
 const MASTODON_STATUS_REBLOGGEDBY_URL = id => `/api/v1/statuses/${id}/reblogged_by`
 const MASTODON_PROFILE_UPDATE_URL = '/api/v1/accounts/update_credentials'
+const MASTODON_REPORT_USER_URL = 'api/v1/reports'
 
 import { each, map, concat, last } from 'lodash'
 import { parseStatus, parseUser, parseNotification, parseAttachment } from '../entity_normalizer/entity_normalizer.service.js'
@@ -722,6 +723,24 @@ const fetchRebloggedByUsers = ({id}) => {
   return promisedRequest(MASTODON_STATUS_REBLOGGEDBY_URL(id)).then((users) => users.map(parseUser))
 }
 
+const reportUser = ({credentials, userId, statusIds, comment, forward}) => {
+  const payload = {
+    'account_id': userId,
+    'status_ids': statusIds,
+    comment,
+    forward
+  }
+  return fetch(MASTODON_REPORT_USER_URL, {
+    body: JSON.stringify(payload),
+    headers: {
+      ...authHeaders(credentials),
+      'Accept': 'application/json',
+      'Content-Type': 'application/json'
+    },
+    method: 'POST'
+  }).then((data) => data.json())
+}
+
 const apiService = {
   verifyCredentials,
   fetchTimeline,
@@ -773,7 +792,8 @@ const apiService = {
   suggestions,
   markNotificationsAsSeen,
   fetchFavoritedByUsers,
-  fetchRebloggedByUsers
+  fetchRebloggedByUsers,
+  reportUser
 }
 
 export default apiService

src/services/backend_interactor_service/backend_interactor_service.js

@@ -115,6 +115,7 @@ const backendInteractorService = (credentials) => {
 
   const fetchFavoritedByUsers = (id) => apiService.fetchFavoritedByUsers({id})
   const fetchRebloggedByUsers = (id) => apiService.fetchRebloggedByUsers({id})
+  const reportUser = (params) => apiService.reportUser({credentials, ...params})
 
   const backendInteractorServiceInstance = {
     fetchStatus,
@@ -159,7 +160,8 @@ const backendInteractorService = (credentials) => {
     approveUser,
     denyUser,
     fetchFavoritedByUsers,
-    fetchRebloggedByUsers
+    fetchRebloggedByUsers,
+    reportUser
   }
 
   return backendInteractorServiceInstance