FE: Small fix active navigation for connect

Author: Vixtir

frontend/src/components/Connect/List/List.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import useAppParams from 'lib/hooks/useAppParams';
 import { clusterConnectConnectorPath, ClusterNameRoute } from 'lib/paths';
-import Table, { LinkCell, TagCell } from 'components/common/NewTable';
+import Table, { TagCell } from 'components/common/NewTable';
 import { FullConnectorInfo } from 'generated-sources';
 import { useConnectors } from 'lib/hooks/api/kafkaConnect';
 import { ColumnDef } from '@tanstack/react-table';
@@ -18,14 +18,7 @@ const kafkaConnectColumns: ColumnDef<FullConnectorInfo>[] = [
   {
     header: 'Name',
     accessorKey: 'name',
-    // cell: BreakableTextCell,
-    cell: ({ getValue }) => (
-      <LinkCell
-        wordBreak
-        value={`${getValue<string | number>()}`}
-        to={encodeURIComponent(`${getValue<string | number>()}`)}
-      />
-    ),
+    cell: BreakableTextCell,
     enableResizing: true,
   },
   {

frontend/src/components/Nav/ClusterMenu/ClusterMenu.tsx

@@ -7,6 +7,7 @@ import {
   clusterACLPath,
   clusterBrokersPath,
   clusterConnectorsPath,
+  clusterConnectsPath,
   clusterConsumerGroupsPath,
   clusterKsqlDbPath,
   clusterSchemasPath,
@@ -81,7 +82,10 @@ const ClusterMenu: FC<ClusterMenuProps> = ({
           )}
           {hasFeatureConfigured(ClusterFeaturesEnum.KAFKA_CONNECT) && (
             <MenuItem
-              isActive={getIsMenuItemActive(clusterConnectorsPath(name))}
+              isActive={
+                getIsMenuItemActive(clusterConnectorsPath(name)) ||
+                getIsMenuItemActive(clusterConnectsPath(name))
+              }
               to={clusterConnectorsPath(name)}
               title="Kafka Connect"
             />

frontend/src/lib/paths.ts

@@ -219,6 +219,12 @@ export const clusterConnectsPath = (
 export const clusterConnectorsPath = (
   clusterName: ClusterName = RouteParams.clusterName
 ) => `${clusterPath(clusterName)}/connectors`;
+export const clusterConnectorNameSubPath = (
+  clusterName: ClusterName = RouteParams.connectorName
+) => {
+  return `${clusterName}/connectors`;
+};
+
 export const clusterConnectorNewPath = (
   clusterName: ClusterName = RouteParams.clusterName
 ) => `${clusterConnectorsPath(clusterName)}/create-new`;