ActionCableでコメント削除ボタンを条件分岐

#commnents_controller.rb
class CommentsController < ApplicationController
  def create
    @post = Post.find(params[:post_id])
    # 投稿に紐づいたコメントを作成
    @comment = @post.comments.build(comment_params)
    @comment.user_id = current_user.id
    if @comment.save
      ActionCable.server.broadcast 'message_channel', content: @comment, user: @comment.user,
                                                      date: @comment.created_at.to_s(:datetime_jp), id: @comment.id, post: @comment.post,
                                                      current_user: current_user
    end
  end

#message_channel.js
import consumer from "./consumer"
window.addEventListener('load', function(){

consumer.subscriptions.create("MessageChannel", {
  connected() {
    // Called when the subscription is ready for use on the server
  },

  disconnected() {
    // Called when the subscription has been terminated by the server
  },

  received(data) {

    if (data.user.id === data.current_user.id){
      var de = `<a id="delete-btn", data-method="delete" href="/posts/${data.post.id}/comments/${data.id}"><button id="${data.id}">削除</button></a>` ;
      console.log(document.getElementById('row').dataset.id = data.current_user.id)
      console.log(data.current_user.id)
    }else{
      var de = "" ;
      console.log("empty")
    };

    const html = `<div id="data-test-${data.id}">
                  <p><a href="/users/${data.user.id}">@${data.user.nickname}</a></p>
                  <span style="font-weight:bold;">${data.content.content}</span>
                  &nbsp;${data.date}
                  ${de}
                  </div>`;

    const messages = document.getElementById('row');
    const newMessage = document.getElementById('comment_content');
    messages.insertAdjacentHTML('beforeend', html);
    newMessage.value='';
  }
});
})