LIL-95 - Исправление поведения лайков 2

web/build/js/app.js

@@ -11550,13 +11550,20 @@ var history = (0, _createBrowserHistory2.default)();
         e.preventDefault();
 
         var likedCourseElement = (0, _jquery2.default)(this);
-        likedCourseElement.toggleClass('active');
         var courseID = (0, _jquery2.default)(this).attr('data-course-id');
-        var isLiked = (0, _jquery2.default)(this).attr('data-liked');
+        var isLiked = !!parseInt((0, _jquery2.default)(this).attr('data-liked'));
         var likesCount = parseInt((0, _jquery2.default)(this).attr('data-course-likes-count'));
         isLiked = !isLiked;
         likesCount = isLiked ? likesCount + 1 : likesCount - 1;
         likedCourseElement.children('.likes__counter').text(likesCount);
+        likedCourseElement.attr('data-course-likes-count', likesCount);
+        if (isLiked) {
+            likedCourseElement.addClass('active');
+            likedCourseElement.attr('data-liked', '1');
+        } else {
+            likedCourseElement.removeClass('active');
+            likedCourseElement.attr('data-liked', '0');
+        }
 
         _jquery2.default.ajax('/course/' + courseID + '/like', {
             method: 'POST'

web/src/js/modules/courses.js

@@ -22,13 +22,20 @@ $(document).ready(function () {
         e.preventDefault();
 
         const likedCourseElement = $(this);
-        likedCourseElement.toggleClass('active');
         const courseID = $(this).attr('data-course-id');
-        let isLiked = $(this).attr('data-liked');
+        let isLiked = !!parseInt($(this).attr('data-liked'));
         let likesCount = parseInt($(this).attr('data-course-likes-count'));
         isLiked = !isLiked;
         likesCount = isLiked ? likesCount + 1 : likesCount - 1;
         likedCourseElement.children('.likes__counter').text(likesCount);
+        likedCourseElement.attr('data-course-likes-count', likesCount);
+        if (isLiked) {
+            likedCourseElement.addClass('active');
+            likedCourseElement.attr('data-liked', '1');
+        } else {
+            likedCourseElement.removeClass('active');
+            likedCourseElement.attr('data-liked', '0');
+        }
 
         $.ajax(`/course/${courseID}/like`, {
             method: 'POST'