hyperstack vs hotwire - show_tweet.rb

show_tweet.rb

class ShowTweet < HyperComponent
  param :tweet
  render(DIV, class: "card card-body") do
    DIV { tweet.body } unless @editing

    DIV(class: "mt-2") do
      BUTTON { "Likes (#{tweet.likes_count})" }.on(:click) { tweet.increment!(:likes_count) }
      BUTTON { "Retweets (#{tweet.retweets_count})" }.on(:click) { tweet.increment!(:retweets_count) }

      if @editing
        EditTweet(tweet: tweet, cancel_button: true)
        .on(:saved, :canceled) { mutate @editing = false }
      else
        BUTTON { 'Edit Tweet' }.on(:click) { mutate @editing = true }
      end
    end
  end
end