From 7457fc6eeb2cec57e5eed5a0248f67a44e4d8756 Mon Sep 17 00:00:00 2001
From: Yury Semikhatsky <yurys@chromium.org>
Date: Thu, 1 Aug 2024 15:19:16 -0700
Subject: [PATCH] Show (count) as text

---
 packages/web/src/components/tabbedPane.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/components/tabbedPane.tsx b/packages/web/src/components/tabbedPane.tsx
index 35c08eb539..2f5208a673 100644
--- a/packages/web/src/components/tabbedPane.tsx
+++ b/packages/web/src/components/tabbedPane.tsx
@@ -62,8 +62,13 @@ export const TabbedPane: React.FunctionComponent<{
             setSelectedTab(tabs[e.currentTarget.selectedIndex].id);
           }}>
             {tabs.map(tab => {
-              return <option value={tab.id} selected={tab.id === selectedTab}>{tab.title}</option>;
-          })}
+              let suffix = '';
+              if (tab.count)
+                suffix = ` (${tab.count})`;
+              if (tab.errorCount)
+                suffix = ` (${tab.errorCount})`;
+              return <option value={tab.id} selected={tab.id === selectedTab}>{tab.title}{suffix}</option>;
+            })}
           </select>
         </div>}
         {rightToolbar && <div style={{ flex: 'none', display: 'flex', alignItems: 'center' }}>