Fix several sync page parameters, message placeholder

Signed-off-by: Michael Edgar <medgar@redhat.com>
Assisted-by: Claude Code (Sonnet 4.5) <noreply@anthropic.com>
Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: MikeEdgar

ui/app/[locale]/(authorized)/kafka/[kafkaId]/consumer-groups/[groupId]/page.tsx

@@ -7,12 +7,22 @@ import { PageSection } from "@/libs/patternfly/react-core";
 import { Suspense } from "react";
 import { NoDataErrorState } from "@/components/NoDataErrorState";
 
-export async function generateMetadata(props: { params: Promise<{ kafkaId: string, groupId: string}> }) {
-  const params = await props.params;
+export async function generateMetadata({
+  params: paramsPromise,
+}: {
+  params: Promise<KafkaConsumerGroupMembersParams>;
+}) {
+  const { kafkaId, groupId } = await paramsPromise;
   const t = await getTranslations();
+  const consumerGroup = (await getConsumerGroup(kafkaId, groupId)).payload;
+  let groupIdDisplay = "";
+
+  if (consumerGroup) {
+    groupIdDisplay = consumerGroup.attributes.groupId;
+  }
 
   return {
-    title: `${t("ConsumerGroup.title")} ${params.groupId} | ${t("common.title")}`,
+    title: `${t("ConsumerGroup.title")} ${groupIdDisplay} | ${t("common.title")}`,
   };
 }
 

ui/app/[locale]/(authorized)/kafka/[kafkaId]/consumer-groups/[groupId]/reset-offset/page.tsx

@@ -7,12 +7,22 @@ import { Suspense } from "react";
 import { ResetConsumerOffset } from "./ResetConsumerOffset";
 import { NoDataErrorState } from "@/components/NoDataErrorState";
 
-export async function generateMetadata(props: { params: Promise<{ kafkaId: string, groupId: string}> }) {
-  const params = await props.params;
+export async function generateMetadata({
+  params: paramsPromise,
+}: {
+  params: Promise<KafkaConsumerGroupMembersParams>;
+}) {
+  const { kafkaId, groupId } = await paramsPromise;
   const t = await getTranslations();
+  const consumerGroup = (await getConsumerGroup(kafkaId, groupId)).payload;
+  let groupIdDisplay = "";
+
+  if (consumerGroup) {
+    groupIdDisplay = consumerGroup.attributes.groupId;
+  }
 
   return {
-    title: `${t("ConsumerGroupsTable.reset_offset")} ${params.groupId} | ${t("common.title")}`,
+    title: `${t("ConsumerGroupsTable.reset_offset")} ${groupIdDisplay} | ${t("common.title")}`,
   };
 }
 

ui/app/[locale]/(authorized)/kafka/[kafkaId]/topics/[topicId]/configuration/page.tsx

@@ -16,11 +16,12 @@ export async function generateMetadata() {
   };
 }
 
-export default function TopicConfiguration({
-  params: { kafkaId, topicId },
+export default async function TopicConfiguration({
+  params: paramsPromise,
 }: {
-  params: KafkaTopicParams;
+  params: Promise<KafkaTopicParams>;
 }) {
+  const { kafkaId, topicId } = await paramsPromise;
   return (
     <PageSection isFilled={true}>
       <Suspense

ui/app/[locale]/(authorized)/kafka/[kafkaId]/topics/[topicId]/consumer-groups/page.tsx

@@ -14,18 +14,20 @@ export async function generateMetadata() {
   };
 }
 
-export default function ConsumerGroupsPage({
-  params: { kafkaId, topicId },
-  searchParams,
+export default async function ConsumerGroupsPage({
+  params: paramsPromise,
+  searchParams: searchParamsPromise,
 }: {
-  params: KafkaTopicParams;
-  searchParams: {
+  params: Promise<KafkaTopicParams>;
+  searchParams: Promise<{
     perPage: string | undefined;
     sort: string | undefined;
     sortDir: string | undefined;
     page: string | undefined;
-  };
+  }>;
 }) {
+  const { kafkaId, topicId } = await paramsPromise;
+  const searchParams = await searchParamsPromise;
   return (
     <PageSection>
       <Suspense

ui/app/[locale]/(authorized)/kafka/[kafkaId]/topics/[topicId]/messages/page.tsx

@@ -18,12 +18,14 @@ export async function generateMetadata() {
 }
 
 export default async function ConnectedMessagesPage({
-  params: { kafkaId, topicId },
-  searchParams,
+  params: paramsPromise,
+  searchParams: searchParamsPromise,
 }: {
-  params: KafkaTopicParams;
-  searchParams: MessagesSearchParams;
+  params: Promise<KafkaTopicParams>;
+  searchParams: Promise<MessagesSearchParams>;
 }) {
+  const { kafkaId, topicId } = await paramsPromise;
+  const searchParams = await searchParamsPromise;
   const response = await getTopic(kafkaId, topicId);
 
   if (response.errors) {

ui/app/[locale]/(authorized)/kafka/[kafkaId]/topics/[topicId]/partitions/page.tsx

@@ -13,11 +13,12 @@ export async function generateMetadata() {
   };
 }
 
-export default function PartitionsPage({
-  params: { kafkaId, topicId },
+export default async function PartitionsPage({
+  params: paramsPromise,
 }: {
-  params: KafkaTopicParams;
+  params: Promise<KafkaTopicParams>;
 }) {
+  const { kafkaId, topicId } = await paramsPromise;
   return (
     <Suspense
       fallback={<PartitionsTable kafkaId={kafkaId} topic={undefined} />}

ui/messages/en.json

@@ -529,7 +529,7 @@
     "reseting_consumer_group_offsets_text": "Resetting consumer group offsets. This might take a few moments",
     "run_and_show_result": "Run and show result in console",
     "copy_dry_run_command": "Copy Dry Run command to clipboard",
-    "reset_offset_submitted_successfully": "Reset {consumerGroupName} offsets completed successfully",
+    "reset_offset_submitted_successfully": "Reset {groupId} offsets completed successfully",
     "custom_offset_error_message": "The custom offset value is out of range. Enter a value between the earliest and latest offsets."
   },
   "CreateTopic": {