diff --git a/app/views/chats/_chat.html.erb b/app/views/chats/_chat.html.erb index fd904de1..1d8f57f6 100644 --- a/app/views/chats/_chat.html.erb +++ b/app/views/chats/_chat.html.erb @@ -2,7 +2,9 @@ <%= tag.div class: "flex items-center justify-between px-4 py-3 bg-container shadow-border-xs rounded-lg" do %>
- <%= render "chats/chat_title", chat: chat, ctx: "list" %> + <%= turbo_frame_tag dom_id(chat, :title) do %> + <%= render "chats/chat_title", chat: chat, ctx: "list" %> + <% end %>

<%= time_ago_in_words(chat.updated_at) %> ago @@ -10,7 +12,13 @@

<%= render MenuComponent.new(icon_vertical: true) do |menu| %> - <% menu.with_item(variant: "link", text: "Edit chat", href: edit_chat_path(chat), icon: "pencil", frame: dom_id(chat, "title")) %> + <% menu.with_item( + variant: "link", + text: "Edit chat title", + href: edit_chat_path(chat, ctx: "list"), + icon: "pencil", + data: { turbo_frame: dom_id(chat, "title") }) %> + <% menu.with_item( variant: "button", text: "Delete chat", diff --git a/app/views/chats/_chat_nav.html.erb b/app/views/chats/_chat_nav.html.erb index 5f4d44b5..8b1c00ae 100644 --- a/app/views/chats/_chat_nav.html.erb +++ b/app/views/chats/_chat_nav.html.erb @@ -27,7 +27,7 @@ text: "Edit chat title", href: edit_chat_path(chat, ctx: "chat"), icon: "pencil", - frame: dom_id(chat, "title")) %> + data: { turbo_frame: dom_id(chat, "title") }) %> <% menu.with_item( variant: "button", diff --git a/app/views/chats/edit.html.erb b/app/views/chats/edit.html.erb index a7fa70ae..cb821576 100644 --- a/app/views/chats/edit.html.erb +++ b/app/views/chats/edit.html.erb @@ -1,8 +1,9 @@ <%= turbo_frame_tag dom_id(@chat, :title), class: "block" do %> - <% bg_class = params[:ctx] == "chat" ? "bg-container" : "bg-container-inset" %> - <%= styled_form_with model: @chat, - class: class_names("p-1 rounded-md font-medium text-primary w-full", bg_class), - data: { controller: "auto-submit-form", auto_submit_form_trigger_event_value: "blur" } do |f| %> - <%= f.text_field :title, data: { auto_submit_form_target: "auto" }, inline: true %> + <%= styled_form_with model: @chat, data: { controller: "auto-submit-form", auto_submit_form_trigger_event_value: "blur" } do |f| %> + <%= f.text_field :title, + data: { auto_submit_form_target: "auto" }, + autofocus: true, + inline: true, + class: "w-full rounded-md px-2 py-1 text-sm font-medium bg-container-inset" %> <% end %> <% end %>