Fix loading of projects comments [SCI-10354]

app/javascript/vue/shared/datatable/renderers/comments.vue

@@ -1,20 +1,22 @@
 <template>
-  <span v-if="!params.data.permissions.create_comments && params.data.comments.count === 0">0</span>
-  <a v-else
-     href="#"
-     class="open-comments-sidebar" tabindex=0 :id="'comment-count-' + params.data.id"
-     :data-object-type="objectType" :data-object-id="params.data.id">
-    <template v-if="params.data.comments.count > 0">
-      {{ params.data.comments.count }}
-    </template>
-    <template v-else>
-      +
-    </template>
-    <span v-if="params.data.comments.count_unseen > 0"
-          class="unseen-comments inline-flex align-super text-xs font-semibold rounded-full bg-sn-science-blue text-sn-white w-3.5 h-3.5 items-center justify-center">
-      {{params.data.comments.count_unseen }}
-    </span>
-  </a>
+  <div v-if="params.data.comments">
+    <span v-if="!params.data.permissions.create_comments && params.data.comments.count === 0">0</span>
+    <a v-else
+      href="#"
+      class="open-comments-sidebar" tabindex=0 :id="'comment-count-' + params.data.id"
+      :data-object-type="objectType" :data-object-id="params.data.id">
+      <template v-if="params.data.comments.count > 0">
+        {{ params.data.comments.count }}
+      </template>
+      <template v-else>
+        +
+      </template>
+      <span v-if="params.data.comments.count_unseen > 0"
+            class="unseen-comments inline-flex align-super text-xs font-semibold rounded-full bg-sn-science-blue text-sn-white w-3.5 h-3.5 items-center justify-center">
+        {{params.data.comments.count_unseen }}
+      </span>
+    </a>
+</div>
 </template>
 
 <script>

app/serializers/lists/project_and_folder_serializer.rb

@@ -96,7 +96,7 @@ module Lists
 
     def permissions
       {
-        create_comments: can_create_project_comments?(object)
+        create_comments: project? ? can_create_project_comments?(object) : false
       }
     end