Skip to content

Commit d32513e

Browse files
hemahgMikeEdgar
hemahg
authored and
MikeEdgar
committed
fix hydration error
Signed-off-by: hemahg <hhg@redhat.com>
1 parent c94fc00 commit d32513e

File tree

90 files changed

+3274
-3027
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

90 files changed

+3274
-3027
lines changed

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

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,36 @@
1-
import { getConsumerGroup } from "@/api/consumerGroups/actions";
2-
import { KafkaConsumerGroupMembersParams } from "@/app/[locale]/(authorized)/kafka/[kafkaId]/consumer-groups/[groupId]/KafkaConsumerGroupMembers.params";
3-
import { BreadcrumbLink } from "@/components/Navigation/BreadcrumbLink";
4-
import RichText from "@/components/RichText";
5-
import { NoDataErrorState } from "@/components/NoDataErrorState";
1+
import { getConsumerGroup } from '@/api/consumerGroups/actions'
2+
import { KafkaConsumerGroupMembersParams } from '@/app/[locale]/(authorized)/kafka/[kafkaId]/consumer-groups/[groupId]/KafkaConsumerGroupMembers.params'
3+
import { BreadcrumbLink } from '@/components/Navigation/BreadcrumbLink'
4+
import RichText from '@/components/RichText'
5+
import { NoDataErrorState } from '@/components/NoDataErrorState'
66

77
import {
88
Breadcrumb,
99
BreadcrumbItem,
1010
Tooltip,
11-
} from "@/libs/patternfly/react-core";
12-
import { HomeIcon } from "@/libs/patternfly/react-icons";
13-
import { getTranslations } from "next-intl/server";
11+
} from '@/libs/patternfly/react-core'
12+
import { HomeIcon } from '@/libs/patternfly/react-icons'
13+
import { getTranslations } from 'next-intl/server'
1414

1515
export default async function ConsumerGroupsActiveBreadcrumb({
1616
params: paramsPromise,
1717
}: {
18-
params: Promise<KafkaConsumerGroupMembersParams>;
18+
params: Promise<KafkaConsumerGroupMembersParams>
1919
}) {
20-
const { groupId, kafkaId } = await paramsPromise;
21-
const t = await getTranslations();
22-
const consumerGroup = (await getConsumerGroup(kafkaId, groupId));
20+
const { groupId, kafkaId } = await paramsPromise
21+
const t = await getTranslations()
22+
const consumerGroup = await getConsumerGroup(kafkaId, groupId)
2323

2424
if (consumerGroup.errors) {
25-
return <NoDataErrorState errors={consumerGroup.errors} />;
25+
return <NoDataErrorState errors={consumerGroup.errors} />
2626
}
2727

28-
const groupIdDisplay = consumerGroup.payload?.attributes.groupId!;
28+
const groupIdDisplay = consumerGroup.payload?.attributes.groupId!
2929

3030
return (
31-
<Breadcrumb>
31+
<Breadcrumb ouiaId={'consumer-groupId-breadcrumb'}>
3232
<BreadcrumbItem key="home" to="/" showDivider>
33-
<Tooltip content={t("breadcrumbs.view_all_kafka_clusters")}>
33+
<Tooltip content={t('breadcrumbs.view_all_kafka_clusters')}>
3434
<HomeIcon />
3535
</Tooltip>
3636
</BreadcrumbItem>
@@ -39,22 +39,22 @@ export default async function ConsumerGroupsActiveBreadcrumb({
3939
to={`/kafka/${kafkaId}/overview`}
4040
showDivider
4141
>
42-
{t("breadcrumbs.overview")}
42+
{t('breadcrumbs.overview')}
4343
</BreadcrumbItem>
4444
<BreadcrumbLink
45-
key={"cg"}
45+
key={'cg'}
4646
href={`/kafka/${kafkaId}/consumer-groups`}
4747
showDivider={true}
4848
>
49-
{t("breadcrumbs.consumer_groups")}
49+
{t('breadcrumbs.consumer_groups')}
5050
</BreadcrumbLink>
51-
<BreadcrumbItem key={"cgm"} showDivider={true} isActive={true}>
52-
{groupIdDisplay === "" ? (
53-
<RichText>{(tags) => t.rich("common.empty_name", tags)}</RichText>
51+
<BreadcrumbItem key={'cgm'} showDivider={true} isActive={true}>
52+
{groupIdDisplay === '' ? (
53+
<RichText>{(tags) => t.rich('common.empty_name', tags)}</RichText>
5454
) : (
5555
groupIdDisplay
5656
)}
5757
</BreadcrumbItem>
5858
</Breadcrumb>
59-
);
59+
)
6060
}

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

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,36 @@
1-
import { getConsumerGroup } from "@/api/consumerGroups/actions";
2-
import { KafkaConsumerGroupMembersParams } from "@/app/[locale]/(authorized)/kafka/[kafkaId]/consumer-groups/[groupId]/KafkaConsumerGroupMembers.params";
3-
import { BreadcrumbLink } from "@/components/Navigation/BreadcrumbLink";
4-
import RichText from "@/components/RichText";
5-
import { NoDataErrorState } from "@/components/NoDataErrorState";
1+
import { getConsumerGroup } from '@/api/consumerGroups/actions'
2+
import { KafkaConsumerGroupMembersParams } from '@/app/[locale]/(authorized)/kafka/[kafkaId]/consumer-groups/[groupId]/KafkaConsumerGroupMembers.params'
3+
import { BreadcrumbLink } from '@/components/Navigation/BreadcrumbLink'
4+
import RichText from '@/components/RichText'
5+
import { NoDataErrorState } from '@/components/NoDataErrorState'
66

77
import {
88
Breadcrumb,
99
BreadcrumbItem,
1010
Tooltip,
11-
} from "@/libs/patternfly/react-core";
12-
import { HomeIcon } from "@/libs/patternfly/react-icons";
13-
import { getTranslations } from "next-intl/server";
11+
} from '@/libs/patternfly/react-core'
12+
import { HomeIcon } from '@/libs/patternfly/react-icons'
13+
import { getTranslations } from 'next-intl/server'
1414

1515
export default async function DryrunActiveBreadcrumb({
1616
params: paramsPromise,
1717
}: {
18-
params: Promise<KafkaConsumerGroupMembersParams>;
18+
params: Promise<KafkaConsumerGroupMembersParams>
1919
}) {
20-
const { groupId, kafkaId } = await paramsPromise;
21-
const t = await getTranslations();
22-
const consumerGroup = (await getConsumerGroup(kafkaId, groupId));
20+
const { groupId, kafkaId } = await paramsPromise
21+
const t = await getTranslations()
22+
const consumerGroup = await getConsumerGroup(kafkaId, groupId)
2323

2424
if (consumerGroup.errors) {
25-
return <NoDataErrorState errors={consumerGroup.errors} />;
25+
return <NoDataErrorState errors={consumerGroup.errors} />
2626
}
2727

28-
const groupIdDisplay = consumerGroup.payload?.attributes.groupId!;
28+
const groupIdDisplay = consumerGroup.payload?.attributes.groupId!
2929

3030
return (
31-
<Breadcrumb>
31+
<Breadcrumb ouiaId={'dryrun-breadcrumb'}>
3232
<BreadcrumbItem key="home" to="/" showDivider>
33-
<Tooltip content={t("breadcrumbs.view_all_kafka_clusters")}>
33+
<Tooltip content={t('breadcrumbs.view_all_kafka_clusters')}>
3434
<HomeIcon />
3535
</Tooltip>
3636
</BreadcrumbItem>
@@ -39,34 +39,34 @@ export default async function DryrunActiveBreadcrumb({
3939
to={`/kafka/${kafkaId}/overview`}
4040
showDivider
4141
>
42-
{t("breadcrumbs.overview")}
42+
{t('breadcrumbs.overview')}
4343
</BreadcrumbItem>
4444

4545
<BreadcrumbLink
46-
key={"cg"}
46+
key={'cg'}
4747
href={`/kafka/${kafkaId}/consumer-groups`}
4848
showDivider={true}
4949
>
50-
{t("breadcrumbs.consumer_groups")}
50+
{t('breadcrumbs.consumer_groups')}
5151
</BreadcrumbLink>
52-
<BreadcrumbItem key={"cgm"} showDivider={true} isActive={true}>
53-
{groupIdDisplay === "" ? (
54-
<RichText>{(tags) => t.rich("common.empty_name", tags)}</RichText>
52+
<BreadcrumbItem key={'cgm'} showDivider={true} isActive={true}>
53+
{groupIdDisplay === '' ? (
54+
<RichText>{(tags) => t.rich('common.empty_name', tags)}</RichText>
5555
) : (
5656
groupIdDisplay
5757
)}
5858
</BreadcrumbItem>
5959

6060
<BreadcrumbLink
61-
key={"cg"}
61+
key={'cg'}
6262
href={`/kafka/${kafkaId}/consumer-groups/${groupId}/reset-offset`}
6363
showDivider={true}
6464
>
65-
{t("ConsumerGroupsTable.reset_consumer_offset")}
65+
{t('ConsumerGroupsTable.reset_consumer_offset')}
6666
</BreadcrumbLink>
67-
<BreadcrumbItem key={"cgm"} showDivider={true} isActive={true}>
68-
{t("ConsumerGroupsTable.dry_run_results_breadcrumb")}
67+
<BreadcrumbItem key={'cgm'} showDivider={true} isActive={true}>
68+
{t('ConsumerGroupsTable.dry_run_results_breadcrumb')}
6969
</BreadcrumbItem>
7070
</Breadcrumb>
71-
);
71+
)
7272
}

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

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,36 @@
1-
import { getConsumerGroup } from "@/api/consumerGroups/actions";
2-
import { KafkaConsumerGroupMembersParams } from "@/app/[locale]/(authorized)/kafka/[kafkaId]/consumer-groups/[groupId]/KafkaConsumerGroupMembers.params";
3-
import { BreadcrumbLink } from "@/components/Navigation/BreadcrumbLink";
4-
import RichText from "@/components/RichText";
5-
import { NoDataErrorState } from "@/components/NoDataErrorState";
1+
import { getConsumerGroup } from '@/api/consumerGroups/actions'
2+
import { KafkaConsumerGroupMembersParams } from '@/app/[locale]/(authorized)/kafka/[kafkaId]/consumer-groups/[groupId]/KafkaConsumerGroupMembers.params'
3+
import { BreadcrumbLink } from '@/components/Navigation/BreadcrumbLink'
4+
import RichText from '@/components/RichText'
5+
import { NoDataErrorState } from '@/components/NoDataErrorState'
66

77
import {
88
Breadcrumb,
99
BreadcrumbItem,
1010
Tooltip,
11-
} from "@/libs/patternfly/react-core";
12-
import { HomeIcon } from "@/libs/patternfly/react-icons";
13-
import { getTranslations } from "next-intl/server";
11+
} from '@/libs/patternfly/react-core'
12+
import { HomeIcon } from '@/libs/patternfly/react-icons'
13+
import { getTranslations } from 'next-intl/server'
1414

1515
export default async function ConsumerGroupsActiveBreadcrumb({
1616
params: paramsPromise,
1717
}: {
18-
params: Promise<KafkaConsumerGroupMembersParams>;
18+
params: Promise<KafkaConsumerGroupMembersParams>
1919
}) {
20-
const { groupId, kafkaId } = await paramsPromise;
21-
const t = await getTranslations();
22-
const consumerGroup = (await getConsumerGroup(kafkaId, groupId));
20+
const { groupId, kafkaId } = await paramsPromise
21+
const t = await getTranslations()
22+
const consumerGroup = await getConsumerGroup(kafkaId, groupId)
2323

2424
if (consumerGroup.errors) {
25-
return <NoDataErrorState errors={consumerGroup.errors} />;
25+
return <NoDataErrorState errors={consumerGroup.errors} />
2626
}
2727

28-
const groupIdDisplay = consumerGroup.payload?.attributes.groupId!;
28+
const groupIdDisplay = consumerGroup.payload?.attributes.groupId!
2929

3030
return (
31-
<Breadcrumb>
31+
<Breadcrumb ouiaId={'reset-offset-breadcrumb'}>
3232
<BreadcrumbItem key="home" to="/" showDivider>
33-
<Tooltip content={t("breadcrumbs.view_all_kafka_clusters")}>
33+
<Tooltip content={t('breadcrumbs.view_all_kafka_clusters')}>
3434
<HomeIcon />
3535
</Tooltip>
3636
</BreadcrumbItem>
@@ -39,22 +39,22 @@ export default async function ConsumerGroupsActiveBreadcrumb({
3939
to={`/kafka/${kafkaId}/overview`}
4040
showDivider
4141
>
42-
{t("breadcrumbs.overview")}
42+
{t('breadcrumbs.overview')}
4343
</BreadcrumbItem>
4444
<BreadcrumbLink
45-
key={"cg"}
45+
key={'cg'}
4646
href={`/kafka/${kafkaId}/consumer-groups`}
4747
showDivider={true}
4848
>
49-
{t("breadcrumbs.consumer_groups")}
49+
{t('breadcrumbs.consumer_groups')}
5050
</BreadcrumbLink>
51-
<BreadcrumbItem key={"cgm"} showDivider={true} isActive={true}>
52-
{groupIdDisplay === "" ? (
53-
<RichText>{(tags) => t.rich("common.empty_name", tags)}</RichText>
51+
<BreadcrumbItem key={'cgm'} showDivider={true} isActive={true}>
52+
{groupIdDisplay === '' ? (
53+
<RichText>{(tags) => t.rich('common.empty_name', tags)}</RichText>
5454
) : (
5555
groupIdDisplay
5656
)}
5757
</BreadcrumbItem>
5858
</Breadcrumb>
59-
);
59+
)
6060
}

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

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,27 +2,31 @@ import {
22
Breadcrumb,
33
BreadcrumbItem,
44
Tooltip,
5-
} from "@/libs/patternfly/react-core";
6-
import { HomeIcon } from "@/libs/patternfly/react-icons";
7-
import { getTranslations } from "next-intl/server";
8-
import { KafkaParams } from "../../kafka.params";
5+
} from '@/libs/patternfly/react-core'
6+
import { HomeIcon } from '@/libs/patternfly/react-icons'
7+
import { getTranslations } from 'next-intl/server'
8+
import { KafkaParams } from '../../kafka.params'
99

1010
export default async function ConsumerGroupsActiveBreadcrumbPage({
1111
params: paramsPromise,
1212
}: {
13-
params: Promise<KafkaParams>;
13+
params: Promise<KafkaParams>
1414
}) {
15-
const { kafkaId } = await paramsPromise;
16-
return <ConsumerGroupsActiveBreadcrumb kafkaId={kafkaId} />;
15+
const { kafkaId } = await paramsPromise
16+
return <ConsumerGroupsActiveBreadcrumb kafkaId={kafkaId} />
1717
}
1818

19-
async function ConsumerGroupsActiveBreadcrumb({ kafkaId }: { kafkaId: string }) {
20-
const t = await getTranslations("breadcrumbs");
19+
async function ConsumerGroupsActiveBreadcrumb({
20+
kafkaId,
21+
}: {
22+
kafkaId: string
23+
}) {
24+
const t = await getTranslations('breadcrumbs')
2125

2226
return (
23-
<Breadcrumb>
27+
<Breadcrumb ouiaId={'consumer-group-breadcrumb'}>
2428
<BreadcrumbItem key="home" to="/" showDivider>
25-
<Tooltip content={t("view_all_kafka_clusters")}>
29+
<Tooltip content={t('view_all_kafka_clusters')}>
2630
<HomeIcon />
2731
</Tooltip>
2832
</BreadcrumbItem>
@@ -31,11 +35,11 @@ async function ConsumerGroupsActiveBreadcrumb({ kafkaId }: { kafkaId: string })
3135
to={`/kafka/${kafkaId}/overview`}
3236
showDivider
3337
>
34-
{t("overview")}
38+
{t('overview')}
3539
</BreadcrumbItem>
3640
<BreadcrumbItem showDivider isActive={true}>
37-
{t("consumer_groups")}
41+
{t('consumer_groups')}
3842
</BreadcrumbItem>
3943
</Breadcrumb>
40-
);
44+
)
4145
}

‎ui/app/[locale]/(authorized)/kafka/[kafkaId]/@activeBreadcrumb/kafka-connect/[connectorId]/ConnectorBreadcrumb.tsx‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,27 @@
1-
"use client";
1+
'use client'
22

3-
import RichText from "@/components/RichText";
3+
import RichText from '@/components/RichText'
44
import {
55
Breadcrumb,
66
BreadcrumbItem,
77
Tooltip,
8-
} from "@/libs/patternfly/react-core";
9-
import { HomeIcon } from "@/libs/patternfly/react-icons";
10-
import { useTranslations } from "next-intl";
8+
} from '@/libs/patternfly/react-core'
9+
import { HomeIcon } from '@/libs/patternfly/react-icons'
10+
import { useTranslations } from 'next-intl'
1111

1212
export function ConnectorBreadcrumb({
1313
kafkaId,
1414
connectorName,
1515
}: {
16-
kafkaId: string;
17-
connectorName: string;
16+
kafkaId: string
17+
connectorName: string
1818
}) {
19-
const t = useTranslations();
19+
const t = useTranslations()
2020

2121
return (
22-
<Breadcrumb>
22+
<Breadcrumb ouiaId={'connector-breadcrumb'}>
2323
<BreadcrumbItem key="home" to="/" showDivider>
24-
<Tooltip content={t("breadcrumbs.view_all_kafka_clusters")}>
24+
<Tooltip content={t('breadcrumbs.view_all_kafka_clusters')}>
2525
<HomeIcon />
2626
</Tooltip>
2727
</BreadcrumbItem>
@@ -30,22 +30,22 @@ export function ConnectorBreadcrumb({
3030
to={`/kafka/${kafkaId}/overview`}
3131
showDivider
3232
>
33-
{t("breadcrumbs.overview")}
33+
{t('breadcrumbs.overview')}
3434
</BreadcrumbItem>
3535
<BreadcrumbItem
3636
key="kafka-connect"
3737
to={`/kafka/${kafkaId}/kafka-connect`}
3838
showDivider={true}
3939
>
40-
{t("breadcrumbs.Kafka_connect")}
40+
{t('breadcrumbs.Kafka_connect')}
4141
</BreadcrumbItem>
42-
<BreadcrumbItem key={"cgm"} showDivider={true} isActive={true}>
43-
{decodeURIComponent(connectorName) === "+" ? (
44-
<RichText>{(tags) => t.rich("common.empty_name", tags)}</RichText>
42+
<BreadcrumbItem key={'cgm'} showDivider={true} isActive={true}>
43+
{decodeURIComponent(connectorName) === '+' ? (
44+
<RichText>{(tags) => t.rich('common.empty_name', tags)}</RichText>
4545
) : (
4646
connectorName
4747
)}
4848
</BreadcrumbItem>
4949
</Breadcrumb>
50-
);
50+
)
5151
}

0 commit comments

Comments
 (0)