refactor comments, select language

app/views/entries/_comments_section.html.erb

@@ -1,8 +1,8 @@
 <% if current_user %>
-<div class="mt-8" data-controller="comments">
+<div class="mt-8">
   <div class="flex items-center justify-between mb-4">
     <h3 class="text-lg font-bold text-slate-900">Discussion</h3>
-    <button id="add_comment_button" data-action="click->comments#open" data-comments-target="button" class="bg-indigo-600 text-white px-4 py-2 rounded-full shadow hover:bg-indigo-700 transition text-sm font-semibold">
+    <button data-action="click->comments#open" class="bg-indigo-600 text-white px-4 py-2 rounded-full shadow hover:bg-indigo-700 transition text-sm font-semibold">
       Add Comment
     </button>
   </div>
@@ -10,15 +10,7 @@
   <%= render "entries/comment_tabs", entry: entry %>
 
   <div id="comment_form_modal" data-comments-target="modal" data-action="click->comments#close" class="hidden fixed inset-0 bg-slate-900 bg-opacity-50 z-40 flex items-center justify-center">
-    <div class="bg-white rounded-lg shadow-xl p-6 w-full max-w-lg">
-      <div class="flex justify-between items-center">
-        <h4 class="text-lg font-bold">Add a Comment</h4>
-        <button id="close_comment_form" data-action="click->comments#closeWithButton" class="text-slate-500 hover:text-slate-700 text-2xl leading-none">
-          &times;
-        </button>
-      </div>
-      <%= render "entries/comment_form", entry: entry %>
-    </div>
+    <%= render "entries/comment_modal_content", entry: entry %>
   </div>
 </div>