From 2e5ceb02f732103b4fb71e72930da2290d28fc3e Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Mon, 25 Jul 2022 22:21:24 +0100
Subject: [PATCH] fix(client): don't show trash icon if no comment

---
 .../dropdowns/components/ScoreEditButtons.tsx | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/client/src/components/tables/dropdowns/components/ScoreEditButtons.tsx b/client/src/components/tables/dropdowns/components/ScoreEditButtons.tsx
index b3cae86ed..3b9ebf3d0 100644
--- a/client/src/components/tables/dropdowns/components/ScoreEditButtons.tsx
+++ b/client/src/components/tables/dropdowns/components/ScoreEditButtons.tsx
@@ -183,22 +183,24 @@ function CommentModal({
 						</div>
 					</Form.Group>
 
-					<QuickTooltip tooltipContent="Remove your comment on this score.">
-						<Button
-							variant="outline-danger"
-							onClick={() =>
-								ModifyScore(scoreID, { comment: null }).then((r) => {
-									if (r) {
-										setComment(null);
-										score.comment = null;
-										setShow(false);
-									}
-								})
-							}
-						>
-							<Icon noPad type="trash" />
-						</Button>
-					</QuickTooltip>
+					{comment !== null && (
+						<QuickTooltip tooltipContent="Remove your comment on this score.">
+							<Button
+								variant="outline-danger"
+								onClick={() =>
+									ModifyScore(scoreID, { comment: null }).then((r) => {
+										if (r) {
+											setComment(null);
+											score.comment = null;
+											setShow(false);
+										}
+									})
+								}
+							>
+								<Icon noPad type="trash" />
+							</Button>
+						</QuickTooltip>
+					)}
 				</Form>
 			</Modal.Body>
 		</Modal>