From a645ba22dce621402494a779eafe1b50d3c1bf4b Mon Sep 17 00:00:00 2001
From: Steffen Karlsson <steffen.karlsson@maersk.com>
Date: Mon, 27 Nov 2023 09:24:43 +0100
Subject: [PATCH] Fix wrong broker tick, when broker ids starts with other than
 0

---
 .../components/Brokers/BrokersList/BrokersList.tsx  | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/kafka-ui-react-app/src/components/Brokers/BrokersList/BrokersList.tsx b/kafka-ui-react-app/src/components/Brokers/BrokersList/BrokersList.tsx
index e59c006b0c6..1c5f3d82f2b 100644
--- a/kafka-ui-react-app/src/components/Brokers/BrokersList/BrokersList.tsx
+++ b/kafka-ui-react-app/src/components/Brokers/BrokersList/BrokersList.tsx
@@ -73,13 +73,14 @@ const BrokersList: React.FC = () => {
         header: 'Broker ID',
         accessorKey: 'brokerId',
         // eslint-disable-next-line react/no-unstable-nested-components
-        cell: ({ row: { id }, getValue }) => (
-          <S.RowCell>
+        cell: ({ getValue }) => {
+          const value = getValue<string | number>();
+          return (<S.RowCell>
             <LinkCell
-              value={`${getValue<string | number>()}`}
-              to={encodeURIComponent(`${getValue<string | number>()}`)}
+              value={value}
+              to={encodeURIComponent(value)}
             />
-            {id === String(activeControllers) && (
+            {value === activeControllers && (
               <Tooltip
                 value={<CheckMarkRoundIcon />}
                 content="Active Controller"
@@ -87,7 +88,7 @@ const BrokersList: React.FC = () => {
               />
             )}
           </S.RowCell>
-        ),
+        )},
       },
       {
         header: 'Disk usage',