diff --git a/ui/app/[locale]/(authorized)/kafka/[kafkaId]/@header/nodes/page.tsx b/ui/app/[locale]/(authorized)/kafka/[kafkaId]/@header/nodes/page.tsx index 3c50b82ad..5075010ee 100644 --- a/ui/app/[locale]/(authorized)/kafka/[kafkaId]/@header/nodes/page.tsx +++ b/ui/app/[locale]/(authorized)/kafka/[kafkaId]/@header/nodes/page.tsx @@ -2,17 +2,16 @@ import { getKafkaCluster } from "@/api/kafka/actions"; import { KafkaParams } from "@/app/[locale]/(authorized)/kafka/[kafkaId]/kafka.params"; import { AppHeader } from "@/components/AppHeader"; import { Number } from "@/components/Format/Number"; -import { NavItemLink } from "@/components/Navigation/NavItemLink"; +import { NavTabLink } from "@/components/Navigation/NavTabLink"; import { Label, - Nav, - NavList, - PageNavigation, + PageSection, Spinner, Split, SplitItem, } from "@/libs/patternfly/react-core"; import { CheckCircleIcon } from "@/libs/patternfly/react-icons"; +import { useTranslations } from "next-intl"; import { Suspense } from "react"; export default function NodesHeader({ params }: { params: KafkaParams }) { @@ -45,11 +44,26 @@ function Header({ kafkaId: string | undefined; cruiseControlEnable: boolean; }) { + const t = useTranslations("node-header"); + + const tabs = [ + { key: 0, title: t("overveiw"), url: `/kafka/${kafkaId}/nodes` }, + ...(cruiseControlEnable + ? [ + { + key: 1, + title: t("rebalance"), + url: `/kafka/${kafkaId}/nodes/rebalances`, + }, + ] + : []), + ]; + return ( - Brokers + {t("brokers")}