Merge pull request #297 from dappnode/mateu/disable-edit-FR-when-nonE…

…ditableFRValidator-selected Disabling edit FR btn when all selected validators are not editable
dappnode · Feb 25, 2024 · 13400b9 · 13400b9
2 parents 8cc8c44 + aee1f3b
commit 13400b9
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/ui/src/components/ValidatorList/KeystoresDataGrid.tsx b/packages/ui/src/components/ValidatorList/KeystoresDataGrid.tsx
@@ -9,6 +9,8 @@ import {
   MAINNET_ORACLE_URL,
   TESTNET_ORACLE_URL,
   SmoothValidator,
+  nonEditableFeeRecipientTags,
+  NonEditableFeeRecipientTag,
 } from "@stakingbrain/common";
 import SmoothStatus from "./SmoothStatus";
 import { GridColDef } from "@mui/x-data-grid";
@@ -453,6 +455,15 @@ export default function KeystoresDataGrid({
     );
   }
 
+  function areAllSelectedRowsUneditable() {
+    return selectedRows.every((row) => {
+      const tag = rows[row as number].tag;
+      return nonEditableFeeRecipientTags.includes(
+        tag as NonEditableFeeRecipientTag
+      );
+    });
+  }
+
   return (
     <>
       <div style={{ display: "flex", justifyContent: "space-between" }}>
@@ -479,7 +490,7 @@ export default function KeystoresDataGrid({
 
           <Tooltip title="Edit validators fee recipient">
             <IconButton
-              disabled={!areRowsSelected}
+              disabled={!areRowsSelected || areAllSelectedRowsUneditable()}
               onClick={() => setEditFeesOpen(true)}
             >
               <EditIcon />