回答がない場合にローディングが表示され続ける不具合を修正

同時に、不要なクラスも削除している

Author: reckyy

app/javascript/answer.js

@@ -14,10 +14,13 @@ document.addEventListener('DOMContentLoaded', () => {
   const answers = document.querySelectorAll('.answer')
   const loadingContent = document.querySelector('.loading-content')
   const answerContent = document.querySelector('.answer-content')
-  if (answers.length > 0) {
+
+  if (loadingContent && answerContent) {
     loadingContent.style.display = 'none'
     answerContent.style.display = 'block'
+  }
 
+  if (answers.length > 0) {
     answers.forEach((answer) => {
       initializeAnswer(answer)
     })

app/views/questions/show.html.slim

@@ -35,7 +35,7 @@ hr.a-border
       .answer-content style='display: none;'
         - if @question.ai_answer
           = render 'ai_answer', question: @question
-        header.thread-comments__header.answer-content
+        header.thread-comments__header
           h2.thread-comments__title
             | 回答・コメント
         .answers-list