Fix API endpoints for related media and provider stats

src/data/api-service.js

@@ -23,26 +23,59 @@ export const createApiService = (baseUrl = process.env.apiUrl) => {
   )
 
   return {
+    /**
+     * @param {string} resource  The endpoint of the resource
+     * @param {import('axios').AxiosRequestConfig} params  Url parameter object
+     * @returns {Promise<import('axios').AxiosResponse<any>>} response  The API response object
+     */
     query(resource, params) {
       return client.get(resource, { params })
     },
 
+    /**
+     * @param {string} resource  The endpoint of the resource
+     * @param {string} slug The sub-endpoint of the resource
+     * @returns {Promise<import('axios').AxiosResponse<any>>} Response The API response object
+     */
     get(resource, slug) {
       return client.get(`${resource}/${slug}`)
     },
 
+    /**
+     * @param {string} resource  The endpoint of the resource
+     * @param {import('axios').AxiosRequestConfig} params Url parameter object
+     * @returns {Promise<import('axios').AxiosResponse<any>>} Response The API response object
+     */
     post(resource, params) {
-      return client.post(`${resource}`, params)
+      return client.post(resource, params)
     },
 
+    /**
+     * @param {string} resource  The endpoint of the resource
+     * @param {string} slug The sub-endpoint of the resource
+     * @param {import('axios').AxiosRequestConfig} params Url parameter object
+     * @param {import('axios').AxiosRequestConfig['headers']} headers Headers object
+     * @returns {Promise<import('axios').AxiosResponse<any>>} Response The API response object
+     */
     update(resource, slug, params, headers) {
       return client.put(`${resource}/${slug}`, params, { headers })
     },
 
+    /**
+     * @param {string} resource  The endpoint of the resource
+     * @param {import('axios').AxiosRequestConfig} params Url parameter object
+     * @returns {Promise<import('axios').AxiosResponse<any>>} Response The API response object
+     */
     put(resource, params) {
-      return client.put(`${resource}`, params)
+      return client.put(resource, params)
     },
 
+    /**
+     * @param {string} resource  The endpoint of the resource
+     * @param {string} slug The sub-endpoint of the resource
+     * @param {import('axios').AxiosRequestConfig['headers']} headers Headers object
+     * @returns {Promise<import('axios').AxiosResponse<any>>} Response The API response object
+     */
     delete(resource, slug, headers) {
       return client.delete(`${resource}/${slug}`, { headers })
     },

src/data/audio-service.js

@@ -20,11 +20,7 @@ const AudioService = {
       const data = JSON.parse(JSON.stringify(sampleAudioResponses.search))
       return Promise.resolve({ data })
     }
-    return ApiService.query('audios', params)
-  },
-
-  getProviderCollection(params) {
-    return ApiService.query('audios', params)
+    return ApiService.query('audio', params)
   },
 
   /**
@@ -43,12 +39,12 @@ const AudioService = {
 
     return config.dev
       ? Promise.resolve({ data: sampleAudioResponses.detail })
-      : ApiService.get('audios', params.id)
+      : ApiService.get('audio', params.id)
   },
 
   /**
    * Retrieve related media
-   * @param params
+   * @param {object} params
    * @param {string} params.id
    * @return {Promise<{data: any}>}
    */
@@ -58,9 +54,10 @@ const AudioService = {
         '[RWV] AudioService.getRelatedMedia() id parameter required to retrieve related audios.'
       )
     }
+
     return config.dev
       ? Promise.resolve({ data: sampleAudioResponses.related })
-      : ApiService.get('recommendations/audios', params.id)
+      : ApiService.get('audio', `${params.id}/related`)
   },
 }