From 897a21adbb4f72a8cc86811e5522cad50362829b Mon Sep 17 00:00:00 2001
From: Ciabas <a.wroblewski@binarapps.com>
Date: Wed, 9 Jul 2025 14:04:03 +0200
Subject: [PATCH] (fix#3879): broken parameters on Live Voting page

---
 ...rnanceActionNewCommitteeDetailsTabContent.tsx | 16 +++++++++++++---
 .../src/components/organisms/DrawerMobile.tsx    |  1 +
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/govtool/frontend/src/components/molecules/GovernanceActionNewCommitteeDetailsTabContent.tsx b/govtool/frontend/src/components/molecules/GovernanceActionNewCommitteeDetailsTabContent.tsx
index fc244db2f..e3a2a286a 100644
--- a/govtool/frontend/src/components/molecules/GovernanceActionNewCommitteeDetailsTabContent.tsx
+++ b/govtool/frontend/src/components/molecules/GovernanceActionNewCommitteeDetailsTabContent.tsx
@@ -13,6 +13,12 @@ type CCMember = {
   newExpirationEpoch?: number;
 };
 
+function isArrayOfStrings(value: unknown): value is string[] {
+  return (
+    Array.isArray(value) && value.every((item) => typeof item === "string")
+  );
+}
+
 export const GovernanceActionNewCommitteeDetailsTabContent = ({
   details,
 }: Pick<ProposalData, "details">) => {
@@ -38,6 +44,10 @@ export const GovernanceActionNewCommitteeDetailsTabContent = ({
       newExpirationEpoch: member.newExpirationEpoch,
     }));
 
+  const membersToBeRemoved = isArrayOfStrings(details?.membersToBeRemoved)
+    ? details.membersToBeRemoved
+    : [];
+
   return (
     <Box>
       {membersToBeAdded.length > 0 && (
@@ -78,7 +88,7 @@ export const GovernanceActionNewCommitteeDetailsTabContent = ({
           ))}
         </Box>
       )}
-      {(details?.membersToBeRemoved as string[]).length > 0 && (
+      {membersToBeRemoved.length > 0 && (
         <Box mb="32px">
           <Typography
             sx={{
@@ -93,8 +103,8 @@ export const GovernanceActionNewCommitteeDetailsTabContent = ({
           >
             {t("govActions.membersToBeRemoved")}
           </Typography>
-          {(details?.membersToBeRemoved as string[]).map((hash) => (
-            <Box display="flex" flexDirection="row">
+          {membersToBeRemoved.map((hash) => (
+            <Box display="flex" flexDirection="row" key={hash}>
               <Typography
                 sx={{
                   fontSize: 16,
diff --git a/govtool/frontend/src/components/organisms/DrawerMobile.tsx b/govtool/frontend/src/components/organisms/DrawerMobile.tsx
index 12cb754a6..821b0ad48 100644
--- a/govtool/frontend/src/components/organisms/DrawerMobile.tsx
+++ b/govtool/frontend/src/components/organisms/DrawerMobile.tsx
@@ -90,6 +90,7 @@ export const DrawerMobile = ({
                     <MenuNavItem
                       closeDrawer={() => setIsDrawerOpen(false)}
                       navItem={navItem}
+                      key={navItem.label}
                     />
                   );
                 }