From f03e497327a02225155b85cecc982c7d41a4ec84 Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Mon, 19 Jun 2023 16:40:38 +0800
Subject: [PATCH] refactor(console): rename props name for table component
 (#4055)

---
 .../console/src/ds-components/Table/index.tsx    | 16 ++++++++++------
 .../LanguageEditor/LanguageDetails.tsx           |  4 ++--
 .../DnsRecordsTable/index.module.scss            |  2 +-
 .../ActivationProcess/DnsRecordsTable/index.tsx  |  4 ++--
 4 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/packages/console/src/ds-components/Table/index.tsx b/packages/console/src/ds-components/Table/index.tsx
index 96417d3dc..26259cef8 100644
--- a/packages/console/src/ds-components/Table/index.tsx
+++ b/packages/console/src/ds-components/Table/index.tsx
@@ -27,8 +27,8 @@ export type Props<
   isRowClickable?: (row: TFieldValues) => boolean;
   rowClickHandler?: (row: TFieldValues) => void;
   className?: string;
-  headerClassName?: string;
-  bodyClassName?: string;
+  headerTableClassName?: string;
+  bodyTableWrapperClassName?: string;
   isLoading?: boolean;
   pagination?: PaginationProps;
   placeholder?: ReactNode;
@@ -49,8 +49,8 @@ function Table<
   rowClickHandler,
   isRowClickable = () => Boolean(rowClickHandler),
   className,
-  headerClassName,
-  bodyClassName,
+  headerTableClassName,
+  bodyTableWrapperClassName,
   isLoading,
   pagination,
   placeholder,
@@ -79,7 +79,7 @@ function Table<
           className={classNames(
             styles.headerTable,
             filter && styles.hideTopBorderRadius,
-            headerClassName
+            headerTableClassName
           )}
         >
           <thead>
@@ -93,7 +93,11 @@ function Table<
           </thead>
         </table>
         <OverlayScrollbar
-          className={classNames(styles.bodyTable, isEmpty && styles.empty, bodyClassName)}
+          className={classNames(
+            styles.bodyTable,
+            isEmpty && styles.empty,
+            bodyTableWrapperClassName
+          )}
         >
           <table>
             <tbody>
diff --git a/packages/console/src/pages/SignInExperience/tabs/Others/components/ManageLanguage/LanguageEditor/LanguageDetails.tsx b/packages/console/src/pages/SignInExperience/tabs/Others/components/ManageLanguage/LanguageEditor/LanguageDetails.tsx
index 1cbb62ca5..54485531e 100644
--- a/packages/console/src/pages/SignInExperience/tabs/Others/components/ManageLanguage/LanguageEditor/LanguageDetails.tsx
+++ b/packages/console/src/pages/SignInExperience/tabs/Others/components/ManageLanguage/LanguageEditor/LanguageDetails.tsx
@@ -179,8 +179,8 @@ function LanguageDetails() {
         <Table
           isRowHoverEffectDisabled
           className={styles.content}
-          headerClassName={styles.tableWrapper}
-          bodyClassName={styles.tableWrapper}
+          headerTableClassName={styles.tableWrapper}
+          bodyTableWrapperClassName={styles.tableWrapper}
           rowIndexKey="phraseKey"
           rowGroups={translationEntries.map(([groupKey, value]) => ({
             key: groupKey,
diff --git a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/ActivationProcess/DnsRecordsTable/index.module.scss b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/ActivationProcess/DnsRecordsTable/index.module.scss
index 56b3a1076..483662fba 100644
--- a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/ActivationProcess/DnsRecordsTable/index.module.scss
+++ b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/ActivationProcess/DnsRecordsTable/index.module.scss
@@ -30,7 +30,7 @@
     background-color: unset;
   }
 
-  .bodyTableContainer {
+  .bodyTableWrapper {
     background-color: unset;
     padding-bottom: unset;
 
diff --git a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/ActivationProcess/DnsRecordsTable/index.tsx b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/ActivationProcess/DnsRecordsTable/index.tsx
index 6ca650708..8b3f5d3c8 100644
--- a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/ActivationProcess/DnsRecordsTable/index.tsx
+++ b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/ActivationProcess/DnsRecordsTable/index.tsx
@@ -27,8 +27,8 @@ function DnsRecordsTable({ records }: Props) {
           <Table
             isRowHoverEffectDisabled
             className={styles.table}
-            headerClassName={styles.header}
-            bodyClassName={styles.bodyTableContainer}
+            headerTableClassName={styles.header}
+            bodyTableWrapperClassName={styles.bodyTableWrapper}
             rowGroups={[{ key: 'dnsRecords', data: records }]}
             rowIndexKey="name"
             isRowClickable={() => false}