Add mute action support in user action handler

app/javascript/retrospring/features/user/action.ts

@@ -27,6 +27,14 @@ export function userActionHandler(event: Event): void {
       targetURL = '/ajax/destroy_relationship';
       relationshipType = 'block';
       break;
+    case 'mute':
+      targetURL = '/ajax/create_relationship';
+      relationshipType = 'mute';
+      break;
+    case 'unmute':
+      targetURL = '/ajax/destroy_relationship';
+      relationshipType = 'mute';
+      break;
   }
   let success = false;
 
@@ -77,6 +85,22 @@ export function userActionHandler(event: Event): void {
             button.classList.add('btn-primary');
           }
           break;
+        case 'mute':
+          button.dataset.action = 'unmute';
+          button.querySelector('span').innerText = I18n.translate('voc.unmute');
+          if (button.classList.contains('btn')) {
+            button.classList.remove('btn-primary');
+            button.classList.add('btn-default');
+          }
+          break;
+        case 'unmute':
+          button.dataset.action = 'mute';
+          button.querySelector('span').innerText = I18n.translate('voc.mute');
+          if (button.classList.contains('btn')) {
+            button.classList.remove('btn-default');
+            button.classList.add('btn-primary');
+          }
+          break;
       }
     });
 }

app/javascript/retrospring/features/user/index.ts

@@ -6,6 +6,7 @@ export default (): void => {
   registerEvents([
     { type: 'click', target: 'button[name=user-action]', handler: userActionHandler, global: true },
     { type: 'click', target: '[data-action=block], [data-action=unblock]', handler: userActionHandler, global: true },
+    { type: 'click', target: '[data-action=mute], [data-action=unmute]', handler: userActionHandler, global: true },
     { type: 'click', target: 'a[data-action=report-user]', handler: userReportHandler, global: true }
   ]);
 }

app/views/user/_actions.html.haml

@@ -25,6 +25,14 @@
           %a.dropdown-item{ href: '#', data: { action: :block, target: user.screen_name } }
             %i.fa.fa-minus-circle
             %span.pe-none= t("voc.block")
+        - if current_user.muting?(user)
+          %a.dropdown-item{ href: '#', data: { action: :unmute, target: user.screen_name } }
+            %i.fa.fa-volume-off
+            %span.pe-none= t("voc.unmute")
+        - else
+          %a.dropdown-item{ href: '#', data: { action: :mute, target: user.screen_name } }
+            %i.fa.fa-volume-off
+            %span.pe-none= t("voc.mute")
         %a.dropdown-item{ href: '#', data: { action: 'report-user', target: user.screen_name } }
           %i.fa.fa-exclamation-triangle
           = t("voc.report")

config/locales/controllers.en.yml

@@ -107,6 +107,9 @@ en:
         follow:
           success: "Successfully followed user."
           error: "You are already following that user."
+        mute:
+          success: "Successfully muted user."
+          error: "You are already muting that user."
       destroy:
         block:
           success: "Successfully unblocked user."
@@ -114,6 +117,9 @@ en:
         follow:
           success: "Successfully unfollowed user."
           error: "You are not following that user."
+        mute:
+          success: "Successfully unmuted user."
+          error: "You are not muting that user."
     report:
       create:
         noauth: :ajax.noauth

config/locales/voc.en.yml

@@ -13,6 +13,7 @@ en:
     load: "Load more"
     login: "Sign in"
     logout: "Sign out"
+    mute: "Mute"
     save: "Save changes"
     show_anonymous_questions: "Show all questions from this user"
     subscribe: "Subscribe"
@@ -23,6 +24,7 @@ en:
     terms: "Terms of Service"
     unblock: "Unblock"
     unfollow: "Unfollow"
+    unmute: "Unmute"
     update: "Update"
     view_in_rails_admin: "View in Rails Admin"
     "y": "Yes"

lib/types.rb

@@ -5,5 +5,5 @@ require "dry-types"
 module Types
   include Dry.Types()
 
-  RelationshipTypes = Types::String.enum("follow", "block")
+  RelationshipTypes = Types::String.enum("follow", "block", "mute")
 end