show.html.erb

<%= turbo_stream_from @room %>

<div class='d-flex flex-column h-100'>
  <div class='flex-shrink-0 d-flex align-items-center mb-2 bg-purple'>
    <h1 class='flex-grow-1 m-0 p-2 h3 text-center text-white-50'>#<%= h @room.name %></h1>
    <%= link_to 'Logout', logout_path, method: :delete, class: 'p-2 text-white-50 text-decoration-none' %>
  </div>
  
  <div class='flex-grow-1 d-flex flex-column overflow-auto message-list' id='messages'
      data-controller='message-list' data-action='resize@window->message-list#scrollToBottom'>
    <%= render partial: 'messages/message', collection: @messages, cached: true %>
  </div>

  <%= turbo_frame_tag @new_message, class: 'flex-shrink-0 px-3 pb-3 pt-2' do %>
    <%= render 'messages/form', message: @new_message %>
  <% end %>
</div>