From a17c03ff2f8bf0e0ffc716b36be7d36b988c1142 Mon Sep 17 00:00:00 2001
From: Maksim Eltyshev <meltyshev@gmail.com>
Date: Wed, 28 Sep 2022 18:38:03 +0200
Subject: [PATCH] fix: Disable quick timer actions for viewers

---
 client/src/components/Card/Card.jsx           |  2 +-
 client/src/components/CardModal/CardModal.jsx | 24 ++++++++++---------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/client/src/components/Card/Card.jsx b/client/src/components/Card/Card.jsx
index 523a1fd6..4efb17ad 100755
--- a/client/src/components/Card/Card.jsx
+++ b/client/src/components/Card/Card.jsx
@@ -125,7 +125,7 @@ const Card = React.memo(
                     startedAt={timer.startedAt}
                     total={timer.total}
                     size="tiny"
-                    onClick={handleToggleTimerClick}
+                    onClick={canEdit ? handleToggleTimerClick : undefined}
                   />
                 </span>
               )}
diff --git a/client/src/components/CardModal/CardModal.jsx b/client/src/components/CardModal/CardModal.jsx
index d9554fb5..b2bd8848 100755
--- a/client/src/components/CardModal/CardModal.jsx
+++ b/client/src/components/CardModal/CardModal.jsx
@@ -298,17 +298,19 @@ const CardModal = React.memo(
                         <Timer startedAt={timer.startedAt} total={timer.total} />
                       )}
                     </span>
-                    <button
-                      onClick={handleToggleTimerClick}
-                      type="button"
-                      className={classNames(styles.attachment, styles.dueDate)}
-                    >
-                      <Icon
-                        name={timer.startedAt ? 'pause' : 'play'}
-                        size="small"
-                        className={styles.addAttachment}
-                      />
-                    </button>
+                    {canEdit && (
+                      <button
+                        onClick={handleToggleTimerClick}
+                        type="button"
+                        className={classNames(styles.attachment, styles.dueDate)}
+                      >
+                        <Icon
+                          name={timer.startedAt ? 'pause' : 'play'}
+                          size="small"
+                          className={styles.addAttachment}
+                        />
+                      </button>
+                    )}
                   </div>
                 )}
               </div>