restored follow comment thread client-side functionality

Author: Oaphi

app/assets/javascripts/comments.js

@@ -225,6 +225,20 @@ $(() => {
     });
   });
 
+  $(document).on('click', '.js-follow-thread', async (ev) => {
+    ev.preventDefault();
+
+    const $tgt = $(ev.target);
+    const threadID = $tgt.data("thread");
+
+    const data = await QPixel.followThread(threadID);
+
+    QPixel.handleJSONResponse(data, () => {
+      const wrapper = getCommentThreadWrapper($tgt);
+      openThread(wrapper, threadID);
+    });
+  });
+
   $(document).on('click', '.js-lock-thread', async (ev) => {
     ev.preventDefault();
 

app/assets/javascripts/qpixel_api.js

@@ -467,6 +467,14 @@ window.QPixel = {
     return QPixel.parseJSONResponse(resp, 'Failed to delete thread');
   },
 
+  followThread: async (id) => {
+    const resp = await QPixel.fetchJSON(`/comments/thread/${id}/follow`, {}, {
+      headers: { 'Accept': 'application/json' },
+    });
+
+    return QPixel.parseJSONResponse(resp, 'Failed to follow thread');
+  },
+
   lockThread: async (id, duration) => {
     const resp = await QPixel.fetchJSON(`/comments/thread/${id}/lock`, {
       duration,

app/views/comments/_thread_follow_link.html.erb

@@ -18,8 +18,7 @@
   </a>
 <% else %>
   <a href="#"
-     class="widget--header-link js--restrict-thread"
-     data-action="follow"
+     class="widget--header-link js-follow-thread"
      data-thread="<%= thread.id %>"
      title="Follow this thread to be notified of every response."
      role="button"

global.d.ts

@@ -561,6 +561,13 @@ interface QPixel {
    */
   deleteThread?: (id: string) => Promise<QPixelResponseJSON>
 
+  /**
+   * Attempts to follow a comment thread
+   * @param id id of the thread to follow
+   * @returns result of the operation
+   */
+  followThread?: (id: string) => Promise<QPixelResponseJSON>
+
   /**
    * Attempts to start following comments on a given post
    * @param postId id of the post to follow comments on