From d640ad77a9ef552540195ae54422eaf98d7b1525 Mon Sep 17 00:00:00 2001
From: Ambroise C <ambroise.christea@sonarsource.com>
Date: Wed, 18 Oct 2023 15:45:13 +0200
Subject: [PATCH] SONAR-20672 Remove separator between QP changelog rows with
 the same datetime

---
 .../quality-profiles/changelog/Changelog.tsx  | 28 +++++++++++++++----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/Changelog.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/Changelog.tsx
index 47c25b4fd90..e5945afe2fe 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/Changelog.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/Changelog.tsx
@@ -17,6 +17,8 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
+
+import classNames from 'classnames';
 import { isSameMinute } from 'date-fns';
 import {
   CellComponent,
@@ -77,7 +79,9 @@ export default function Changelog(props: Props) {
 
     return (
       <TableRowInteractive key={index}>
-        <ContentCell className="sw-align-top">
+        <ContentCell
+          className={classNames('sw-align-top', { 'sw-border-transparent': isBulkChange })}
+        >
           {!isBulkChange && (
             <div>
               <span className="sw-whitespace-nowrap">
@@ -100,16 +104,26 @@ export default function Changelog(props: Props) {
           )}
         </ContentCell>
 
-        <ContentCell className="sw-whitespace-nowrap sw-align-top sw-max-w-[120px]">
+        <ContentCell
+          className={classNames('sw-whitespace-nowrap sw-align-top sw-max-w-[120px]', {
+            'sw-border-transparent': isBulkChange,
+          })}
+        >
           {!isBulkChange && (event.authorName ? event.authorName : <Note>System</Note>)}
         </ContentCell>
 
-        <ContentCell className="sw-whitespace-nowrap sw-align-top">
+        <ContentCell
+          className={classNames('sw-whitespace-nowrap sw-align-top', {
+            'sw-border-transparent': isBulkChange,
+          })}
+        >
           {!isBulkChange &&
             intl.formatMessage({ id: `quality_profiles.changelog.${event.action}` })}
         </ContentCell>
 
-        <CellComponent className="sw-align-top">
+        <CellComponent
+          className={classNames('sw-align-top', { 'sw-border-transparent': isBulkChange })}
+        >
           {event.ruleName && (
             <Link to={getRulesUrl({ rule_key: event.ruleKey })}>{event.ruleName}</Link>
           )}
@@ -129,7 +143,11 @@ export default function Changelog(props: Props) {
           </div>
         </CellComponent>
 
-        <ContentCell className="sw-align-top sw-max-w-[400px]">
+        <ContentCell
+          className={classNames('sw-align-top sw-max-w-[400px]', {
+            'sw-border-transparent': isBulkChange,
+          })}
+        >
           {event.params && <ChangesList changes={event.params} />}
         </ContentCell>
       </TableRowInteractive>
-- 
2.39.5