From 63d0703b9545f2bdbafea35ebcdef600438d758f Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Fri, 2 Jul 2021 10:04:14 +0200
Subject: [PATCH] Fix deleted comments crashing the discussions

Closes #753

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 .../components/Discussion/DiscussionComment.vue  | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/js/src/components/Discussion/DiscussionComment.vue b/js/src/components/Discussion/DiscussionComment.vue
index f4b990407..c3d27c968 100644
--- a/js/src/components/Discussion/DiscussionComment.vue
+++ b/js/src/components/Discussion/DiscussionComment.vue
@@ -1,14 +1,20 @@
 <template>
   <article class="comment">
     <div class="avatar">
-      <figure class="image is-48x48" v-if="comment.actor.avatar">
+      <figure
+        class="image is-48x48"
+        v-if="comment.actor && comment.actor.avatar"
+      >
         <img class="is-rounded" :src="comment.actor.avatar.url" alt="" />
       </figure>
       <b-icon v-else size="is-large" icon="account-circle" />
     </div>
     <div class="body">
       <div class="meta">
-        <span class="first-line name" v-if="!comment.deletedAt">
+        <span
+          class="first-line name"
+          v-if="comment.actor && !comment.deletedAt"
+        >
           <strong>{{ comment.actor.name }}</strong>
           <small>@{{ usernameWithDomain(comment.actor) }}</small>
         </span>
@@ -17,7 +23,11 @@
         </span>
         <span
           class="icons"
-          v-if="!comment.deletedAt && comment.actor.id === currentActor.id"
+          v-if="
+            comment.actor &&
+            !comment.deletedAt &&
+            comment.actor.id === currentActor.id
+          "
         >
           <b-dropdown aria-role="list">
             <b-icon slot="trigger" role="button" icon="dots-horizontal" />