From ffc5bb6e39c714aef174164ac1e6087f804a4cfb Mon Sep 17 00:00:00 2001
From: Laurent Nguyen <laurent.nguyen@microsoft.com>
Date: Fri, 19 Apr 2024 12:36:15 +0200
Subject: [PATCH] Fix table header. Remove debug statement

---
 src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx         | 1 -
 .../Tabs/DocumentsTabV2/DocumentsTableComponent.tsx         | 6 +++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
index f7d6840ad..667aebd3e 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
@@ -1133,7 +1133,6 @@ const DocumentsTabComponent: React.FunctionComponent<{
   };
 
   // ********* Override here for mongo (from MongoDocumentsTab) **********
-  console.log("isPreferredApiMongoDB", props.isPreferredApiMongoDB);
   if (props.isPreferredApiMongoDB) {
     loadDocument = (documentId: DocumentId) =>
       MongoProxyClient.readDocument(
diff --git a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
index 532bd29ec..b44045459 100644
--- a/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
+++ b/src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
@@ -105,7 +105,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
         createTableColumn<DocumentsTableComponentItem>({
           columnId: "id",
           compare: (a, b) => a.id.localeCompare(b.id),
-          renderHeaderCell: () => "id",
+          renderHeaderCell: () => columnHeaders.idHeader,
           renderCell: (item) => <TableCellLayout truncate>{item.id}</TableCellLayout>,
         }),
       ].concat(
@@ -117,7 +117,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
             renderHeaderCell: () =>
               index >= columnHeaders.partitionKeyHeaders.length - 1 ? (
                 <>
-                  <span>{`/${pkHeader}`}</span>
+                  <span>{pkHeader}</span>
                   <Button
                     appearance="transparent"
                     aria-label="Refresh"
@@ -129,7 +129,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
                   />
                 </>
               ) : (
-                `/${pkHeader}`
+                pkHeader
               ),
             renderCell: (item) => {
               return <TableCellLayout truncate>{item[pkHeader]}</TableCellLayout>;