refactor header.js to use favorites api

1 files changed, 7 insertions, 21 deletions

diff --git a/server/sonar-web/src/main/js/components/source-viewer/header.js b/server/sonar-web/src/main/js/components/source-viewer/header.js
index b632622917b..6d7c75b81d3 100644
--- a/server/sonar-web/src/main/js/components/source-viewer/header.js
+++ b/server/sonar-web/src/main/js/components/source-viewer/header.js
@@ -24,8 +24,7 @@ import Marionette from 'backbone.marionette';
 import MoreActionsView from './more-actions';
 import MeasuresOverlay from './measures-overlay';
 import Template from './templates/source-viewer-header.hbs';
-
-const API_FAVORITE: string = window.baseUrl + '/api/favorites';
+import { addFavorite, removeFavorite } from '../../api/favorites';
 
 export default Marionette.ItemView.extend({
   template: Template,
@@ -39,28 +38,15 @@ export default Marionette.ItemView.extend({
   },
 
   toggleFavorite () {
-    const that = this;
     if (this.model.get('fav')) {
-      $.ajax({
-        url: API_FAVORITE + '/remove',
-        type: 'POST',
-        data: {
-          component: this.model.get('key')
-        }
-      }).done(function () {
-        that.model.set('fav', false);
-        that.render();
+      removeFavorite(this.model.get('key')).then(() => {
+        this.model.set('fav', false);
+        this.render();
       });
     } else {
-      $.ajax({
-        url: API_FAVORITE + '/add',
-        type: 'POST',
-        data: {
-          component: this.model.get('key')
-        }
-      }).done(function () {
-        that.model.set('fav', true);
-        that.render();
+      addFavorite(this.model.get('key')).then(() => {
+        this.model.set('fav', true);
+        this.render();
       });
     }
   },