refactor comments, select language

app/views/entries/show.html.erb

@@ -13,7 +13,7 @@
   </div>
 </nav>
 
-<main class="max-w-5xl mx-auto px-4 py-8 space-y-6">
+<main class="max-w-5xl mx-auto px-4 py-8 space-y-6" data-controller="comments">
   <div>
     <%= link_to "← Back to search", entries_path, class: "text-sm text-slate-500 hover:text-indigo-600" %>
   </div>
@@ -39,14 +39,16 @@
           <% next if translation.blank? %>
           <div class="space-y-2">
             <div class="grid grid-cols-2">
+              <div>
               <span class="text-[10px] font-bold text-slate-400 uppercase tracking-tight"><%= "#{language.name} (#{language.code.upcase})" %></span>
+              <% if current_user %>
+                <button data-action="click->comments#open" data-language-code="<%= language.code %>" class="text-[10px] ml-3 font-bold uppercase text-indigo-400 hover:text-indigo-600 transition">
+                  Add Comment
+                </button>
+              <% end %>
+              </div>
             </div>
             <p class="text-2xl font-semibold text-slate-800"><%= translation %></p>
-            <% if current_user %>
-              <div id="comment-details-<%= language.code %>">
-                <%= render "entries/language_comment_details", entry: @entry, language_code: language.code %>
-              </div>
-            <% end %>
           </div>
         <% end %>
       </div>