From 086091b67f65b81437ed032eb050adc04e546b78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonas=20H=C3=B6benreich?=
 <64426524+jonas-hoebenreich@users.noreply.github.com>
Date: Tue, 14 Mar 2023 23:40:05 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Hide=20comment=20dropdown=20menu?=
 =?UTF-8?q?=20when=20unavailable=20to=20user=20(#564)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/discussion/discussion.tsx  | 33 ++++++++++---------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/apps/web/src/components/discussion/discussion.tsx b/apps/web/src/components/discussion/discussion.tsx
index 940cc4f3f..a151230f1 100644
--- a/apps/web/src/components/discussion/discussion.tsx
+++ b/apps/web/src/components/discussion/discussion.tsx
@@ -112,22 +112,23 @@ const Discussion: React.FunctionComponent = () => {
                       {dayjs(new Date(comment.createdAt)).fromNow()}
                     </span>
                   </div>
-                  <Dropdown
-                    placement="bottom-start"
-                    trigger={<CompactButton icon={DotsHorizontal} />}
-                  >
-                    <DropdownItem
-                      icon={Trash}
-                      label={t("deleteComment")}
-                      disabled={!canDelete}
-                      onClick={() => {
-                        deleteComment.mutate({
-                          commentId: comment.id,
-                          pollId,
-                        });
-                      }}
-                    />
-                  </Dropdown>
+                  {canDelete &&
+                    <Dropdown
+                      placement="bottom-start"
+                      trigger={<CompactButton icon={DotsHorizontal} />}
+                    >
+                      <DropdownItem
+                        icon={Trash}
+                        label={t("deleteComment")}
+                        onClick={() => {
+                          deleteComment.mutate({
+                            commentId: comment.id,
+                            pollId,
+                          });
+                        }}
+                      />
+                    </Dropdown>
+                  }
                 </div>
                 <div className="w-fit whitespace-pre-wrap">
                   <TruncatedLinkify>{comment.content}</TruncatedLinkify>