From 1db1eb1b93412fe3a4881e7c8dde19bbca805c68 Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Thu, 21 Apr 2022 10:07:19 +0200
Subject: [PATCH] isOdd/isEven Table row classes (#7414)

---
 packages/page-settings/src/Metadata/Extensions.tsx | 2 +-
 packages/react-components/src/Table/index.tsx      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/page-settings/src/Metadata/Extensions.tsx b/packages/page-settings/src/Metadata/Extensions.tsx
index 83300d2aac..35decbe32d 100644
--- a/packages/page-settings/src/Metadata/Extensions.tsx
+++ b/packages/page-settings/src/Metadata/Extensions.tsx
@@ -67,7 +67,7 @@ function Extensions ({ chainInfo, className }: Props): React.ReactElement<Props>
                 />
               </td>
             </tr>
-            <tr className='hasOddRowColoring'>
+            <tr className='isOdd'>
               <td>
                 <Button.Group>
                   <Button
diff --git a/packages/react-components/src/Table/index.tsx b/packages/react-components/src/Table/index.tsx
index 58f4d341c5..a053aa3be5 100644
--- a/packages/react-components/src/Table/index.tsx
+++ b/packages/react-components/src/Table/index.tsx
@@ -291,8 +291,8 @@ export default React.memo(styled(Table)`
     }
 
     tr {
-      &.hasOddRowColoring,
-      &:nth-child(odd) {
+      &.isOdd,
+      &:nth-child(odd):not(.isEven) {
         background: var(--bg-table);
       }