From d638239fed91cfe8b2bcc53378231917f40e0b47 Mon Sep 17 00:00:00 2001
From: Maksim Eltyshev <meltyshev@gmail.com>
Date: Mon, 9 Jan 2023 12:33:49 +0100
Subject: [PATCH] ref: Prettify eslint-disables

---
 client/src/components/Card/Tasks.jsx                |  6 ++----
 .../src/components/CardModal/Attachments/Item.jsx   |  6 ++----
 client/src/components/CardModal/Tasks/Item.jsx      |  6 ++----
 client/src/components/LabelsStep/Item.jsx           |  4 ++--
 client/src/components/List/List.jsx                 | 10 +++-------
 .../lib/custom-ui/components/Markdown/Markdown.jsx  | 13 ++++---------
 6 files changed, 15 insertions(+), 30 deletions(-)

diff --git a/client/src/components/Card/Tasks.jsx b/client/src/components/Card/Tasks.jsx
index 7a295de2..d76340fd 100644
--- a/client/src/components/Card/Tasks.jsx
+++ b/client/src/components/Card/Tasks.jsx
@@ -22,11 +22,9 @@ const Tasks = React.memo(({ items }) => {
 
   return (
     <>
-      {/* eslint-disable jsx-a11y/click-events-have-key-events,
-                         jsx-a11y/no-static-element-interactions */}
+      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
+                                   jsx-a11y/no-static-element-interactions */}
       <div className={styles.button} onClick={handleToggleClick}>
-        {/* eslint-enable jsx-a11y/click-events-have-key-events,
-                          jsx-a11y/no-static-element-interactions */}
         <span className={styles.progressWrapper}>
           <Progress
             autoSuccess
diff --git a/client/src/components/CardModal/Attachments/Item.jsx b/client/src/components/CardModal/Attachments/Item.jsx
index a186b86b..45866729 100644
--- a/client/src/components/CardModal/Attachments/Item.jsx
+++ b/client/src/components/CardModal/Attachments/Item.jsx
@@ -61,11 +61,9 @@ const Item = React.forwardRef(
     const extension = filename.slice((Math.max(0, filename.lastIndexOf('.')) || Infinity) + 1);
 
     return (
-      /* eslint-disable jsx-a11y/click-events-have-key-events,
-                        jsx-a11y/no-static-element-interactions */
+      /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
+                                  jsx-a11y/no-static-element-interactions */
       <div ref={ref} className={styles.wrapper} onClick={handleClick}>
-        {/* eslint-enable jsx-a11y/click-events-have-key-events,
-                          jsx-a11y/no-static-element-interactions */}
         <div
           className={styles.thumbnail}
           style={{
diff --git a/client/src/components/CardModal/Tasks/Item.jsx b/client/src/components/CardModal/Tasks/Item.jsx
index d8d4bdc6..c58fb5e2 100755
--- a/client/src/components/CardModal/Tasks/Item.jsx
+++ b/client/src/components/CardModal/Tasks/Item.jsx
@@ -55,14 +55,12 @@ const Item = React.memo(
               </span>
               <NameEdit ref={nameEdit} defaultValue={name} onUpdate={handleNameUpdate}>
                 <div className={classNames(canEdit && styles.contentHoverable)}>
-                  {/* eslint-disable jsx-a11y/click-events-have-key-events,
-                           jsx-a11y/no-static-element-interactions */}
+                  {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
+                                               jsx-a11y/no-static-element-interactions */}
                   <span
                     className={classNames(styles.text, canEdit && styles.textEditable)}
                     onClick={handleClick}
                   >
-                    {/* eslint-enable jsx-a11y/click-events-have-key-events,
-                            jsx-a11y/no-static-element-interactions */}
                     <span className={classNames(styles.task, isCompleted && styles.taskCompleted)}>
                       {name}
                     </span>
diff --git a/client/src/components/LabelsStep/Item.jsx b/client/src/components/LabelsStep/Item.jsx
index 6d7fe34d..cb3fa739 100755
--- a/client/src/components/LabelsStep/Item.jsx
+++ b/client/src/components/LabelsStep/Item.jsx
@@ -28,8 +28,8 @@ const Item = React.memo(
           const contentNode = (
             // eslint-disable-next-line react/jsx-props-no-spreading
             <div {...draggableProps} ref={innerRef} className={styles.wrapper}>
-              {/* eslint-disable jsx-a11y/click-events-have-key-events,
-                           jsx-a11y/no-static-element-interactions */}
+              {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
+                                           jsx-a11y/no-static-element-interactions */}
               <span
                 {...dragHandleProps} // eslint-disable-line react/jsx-props-no-spreading
                 className={classNames(
diff --git a/client/src/components/List/List.jsx b/client/src/components/List/List.jsx
index fd322470..00d1b107 100755
--- a/client/src/components/List/List.jsx
+++ b/client/src/components/List/List.jsx
@@ -95,18 +95,14 @@ const List = React.memo(
             ref={innerRef}
             className={styles.innerWrapper}
           >
-            {/* eslint-disable jsx-a11y/click-events-have-key-events,
-                               jsx-a11y/no-static-element-interactions,
-                               react/jsx-props-no-spreading */}
             <div className={styles.outerWrapper}>
+              {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
+                                           jsx-a11y/no-static-element-interactions */}
               <div
-                {...dragHandleProps}
+                {...dragHandleProps} // eslint-disable-line react/jsx-props-no-spreading
                 className={classNames(styles.header, canEdit && styles.headerEditable)}
                 onClick={handleHeaderClick}
               >
-                {/* eslint-enable jsx-a11y/click-events-have-key-events,
-                                jsx-a11y/no-static-element-interactions,
-                                react/jsx-props-no-spreading */}
                 <NameEdit ref={nameEdit} defaultValue={name} onUpdate={handleNameUpdate}>
                   <div className={styles.headerName}>{name}</div>
                 </NameEdit>
diff --git a/client/src/lib/custom-ui/components/Markdown/Markdown.jsx b/client/src/lib/custom-ui/components/Markdown/Markdown.jsx
index 2ece41ea..236bba21 100644
--- a/client/src/lib/custom-ui/components/Markdown/Markdown.jsx
+++ b/client/src/lib/custom-ui/components/Markdown/Markdown.jsx
@@ -14,13 +14,12 @@ const Markdown = React.memo(({ linkStopPropagation, ...props }) => {
   }, []);
 
   const linkRenderer = useCallback(
-    /* eslint-disable jsx-a11y/anchor-has-content,
-                      jsx-a11y/click-events-have-key-events,
-                      jsx-a11y/no-static-element-interactions,
-                      react/jsx-props-no-spreading */
     ({ node, ...linkProps }) => (
+      /* eslint-disable-next-line jsx-a11y/anchor-has-content,
+                                  jsx-a11y/click-events-have-key-events,
+                                  jsx-a11y/no-static-element-interactions */
       <a
-        {...linkProps}
+        {...linkProps} // eslint-disable-line react/jsx-props-no-spreading
         rel={
           ABSOLUTE_URL_REGEX.test(linkProps.href) && linkProps.target === '_blank'
             ? 'noreferrer'
@@ -29,10 +28,6 @@ const Markdown = React.memo(({ linkStopPropagation, ...props }) => {
         onClick={linkStopPropagation ? handleLinkClick : undefined}
       />
     ),
-    /* eslint-enable jsx-a11y/anchor-has-content,
-                     jsx-a11y/click-events-have-key-events,
-                     jsx-a11y/no-static-element-interactions,
-                     react/jsx-props-no-spreading */
     [linkStopPropagation, handleLinkClick],
   );