From 53ec1c82b8384cb873688bb97957871ae22a19cd Mon Sep 17 00:00:00 2001
From: Riccardo Forina <rforina@redhat.com>
Date: Tue, 2 Apr 2024 13:55:53 +0200
Subject: [PATCH] Escape the consumer group id

As we use the consumer group id as a url fragment, we need to escape it to avoid problematic characters (like .)
Fixes #633
---
 .../kafka/[kafkaId]/consumer-groups/ConsumerGroupsTable.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/app/[locale]/kafka/[kafkaId]/consumer-groups/ConsumerGroupsTable.tsx b/ui/app/[locale]/kafka/[kafkaId]/consumer-groups/ConsumerGroupsTable.tsx
index 868ad2043..81d11dbf1 100644
--- a/ui/app/[locale]/kafka/[kafkaId]/consumer-groups/ConsumerGroupsTable.tsx
+++ b/ui/app/[locale]/kafka/[kafkaId]/consumer-groups/ConsumerGroupsTable.tsx
@@ -102,7 +102,7 @@ export function ConsumerGroupsTable({
                 dataLabel={t("ConsumerGroupsTable.consumer_group_name")}
               >
                 <Link
-                  href={`/kafka/${kafkaId}/consumer-groups/${row.id === "" ? "+" : row.id}`}
+                  href={`/kafka/${kafkaId}/consumer-groups/${row.id === "" ? "+" : encodeURIComponent(row.id)}`}
                 >
                   {row.id === "" ? (
                     <i>{t("ConsumerGroupsTable.empty_name")}</i>