correct count of comments

app/models/interpretation.py

@@ -27,5 +27,9 @@ class Interpretation(BaseModel):
         back_populates="interpretations",
     )
 
+    @property
+    def active_comments(self):
+        return [comment for comment in self.comments if not comment.is_deleted]
+
     def __repr__(self):
         return f"<{self.id}: {self.label}>"

app/templates/book/interpretation_view.html

@@ -141,7 +141,7 @@
                     </span>
                     <div class="space-x-0.5 flex items-center">
                       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" /> </svg>
-                      <p>{{interpretation.comments | length}}</p>
+                      <p>{{interpretation.active_comments | length}}</p>
                     </div>
                   </div>
                 </div>

app/templates/book/qa_view.html

@@ -19,7 +19,7 @@
 
 {% block content %}
 {% include 'book/breadcrumbs_navigation.html'%}
-<div class="overflow-x-auto shadow-md mt-5 md:mr-64 h-auto">
+<div class="shadow-md mt-5 md:mr-64 h-auto overflow-x-hidden">
   <div class="ql-snow mt-20">
     <h1 class="text-l font-extrabold dark:text-white ml-4 truncate">
       {{ interpretation.label }}