mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-08-02 20:15:22 +02:00
Fix and improve chat title edit (#2285)
* Fix and improve chat title edit * Put back background color * use transparent
This commit is contained in:
parent
5cfb4addbd
commit
5c82af0e8c
3 changed files with 27 additions and 13 deletions
|
@ -2,7 +2,9 @@
|
|||
|
||||
<%= tag.div class: "flex items-center justify-between px-4 py-3 bg-container shadow-border-xs rounded-lg" do %>
|
||||
<div class="grow">
|
||||
<%= 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 %>
|
||||
|
||||
<p class="text-sm text-secondary">
|
||||
<%= time_ago_in_words(chat.updated_at) %> ago
|
||||
|
@ -10,7 +12,13 @@
|
|||
</div>
|
||||
|
||||
<%= 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",
|
||||
frame: dom_id(chat, "title")) %>
|
||||
|
||||
<% menu.with_item(
|
||||
variant: "button",
|
||||
text: "Delete chat",
|
||||
|
|
|
@ -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-transparent" %>
|
||||
<% end %>
|
||||
<% end %>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue