From 3a9d5b4d90075ce259d6484da113e22840957465 Mon Sep 17 00:00:00 2001
From: Weves <chrisweaver101@gmail.com>
Date: Wed, 21 Feb 2024 16:47:46 -0800
Subject: [PATCH] Style change for the docs_removed_from_index field in the
 admin UI

---
 .../[ccPairId]/IndexingAttemptsTable.tsx         | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/web/src/app/admin/connector/[ccPairId]/IndexingAttemptsTable.tsx b/web/src/app/admin/connector/[ccPairId]/IndexingAttemptsTable.tsx
index 5f87b95bb2f..eeca261979d 100644
--- a/web/src/app/admin/connector/[ccPairId]/IndexingAttemptsTable.tsx
+++ b/web/src/app/admin/connector/[ccPairId]/IndexingAttemptsTable.tsx
@@ -80,7 +80,6 @@ export function IndexingAttemptsTable({ ccPair }: { ccPair: CCPairFullInfo }) {
             <TableHeaderCell>Time Started</TableHeaderCell>
             <TableHeaderCell>Status</TableHeaderCell>
             <TableHeaderCell>New Doc Cnt</TableHeaderCell>
-            <TableHeaderCell>Removed Doc Cnt</TableHeaderCell>
             <TableHeaderCell>Total Doc Cnt</TableHeaderCell>
             <TableHeaderCell>Error Msg</TableHeaderCell>
           </TableRow>
@@ -109,8 +108,19 @@ export function IndexingAttemptsTable({ ccPair }: { ccPair: CCPairFullInfo }) {
                       </div>
                     )}
                   </TableCell>
-                  <TableCell>{indexAttempt.new_docs_indexed}</TableCell>
-                  <TableCell>{indexAttempt.docs_removed_from_index}</TableCell>
+                  <TableCell>
+                    <div className="flex">
+                      <div className="text-right">
+                        <div>{indexAttempt.new_docs_indexed}</div>
+                        {indexAttempt.docs_removed_from_index > 0 && (
+                          <div className="text-xs w-52 text-wrap flex italic overflow-hidden whitespace-normal px-1">
+                            (also removed {indexAttempt.docs_removed_from_index}{" "}
+                            docs that were detected as deleted in the source)
+                          </div>
+                        )}
+                      </div>
+                    </div>
+                  </TableCell>
                   <TableCell>{indexAttempt.total_docs_indexed}</TableCell>
                   <TableCell>
                     <div>