dashboard: update quorum calculation for testnet

Author: panoel

dashboard/src/components/Alerts.tsx

@@ -23,6 +23,7 @@ import {
   Typography,
 } from '@mui/material';
 import { useMemo } from 'react';
+import { Environment, useCurrentEnvironment } from '../contexts/NetworkContext';
 import { ChainIdToHeartbeats } from '../hooks/useChainHeartbeats';
 import useLatestRelease from '../hooks/useLatestRelease';
 import chainIdToName from '../utils/chainIdToName';
@@ -36,8 +37,16 @@ const isLayer2 = (chainId: number) =>
 export const getBehindDiffForChain = (chainId: number) =>
   isLayer2(chainId) ? BEHIND_DIFF * 2 : BEHIND_DIFF;
 
-export const QUORUM_COUNT = Math.floor((GUARDIAN_SET_3.length * 2) / 3 + 1);
-export const QUORUM_LOSS_COUNT = GUARDIAN_SET_3.length - QUORUM_COUNT + 1;
+export const getNumGuardians = (environment: Environment) =>
+  environment === 'mainnet' ? GUARDIAN_SET_3.length : 1;
+
+export function getQuorumCount(environment: Environment): number {
+  return Math.floor((getNumGuardians(environment) * 2) / 3 + 1);
+}
+
+function getQuorumLossCount(environment: Environment): number {
+  return getNumGuardians(environment) - getQuorumCount(environment) + 1;
+}
 
 type AlertEntry = {
   severity: AlertColor;
@@ -48,7 +57,8 @@ const alertSeverityOrder: AlertColor[] = ['error', 'warning', 'success', 'info']
 
 function chainDownAlerts(
   heartbeats: Heartbeat[],
-  chainIdsToHeartbeats: ChainIdToHeartbeats
+  chainIdsToHeartbeats: ChainIdToHeartbeats,
+  environment: Environment
 ): AlertEntry[] {
   const downChains: { [chainId: string]: string[] } = {};
   Object.entries(chainIdsToHeartbeats)
@@ -99,7 +109,7 @@ function chainDownAlerts(
       });
     });
   return Object.entries(downChains).map(([chainId, names]) => ({
-    severity: names.length >= QUORUM_LOSS_COUNT ? 'error' : 'warning',
+    severity: names.length >= getQuorumLossCount(environment) ? 'error' : 'warning',
     text: `${names.length} guardian${names.length > 1 ? 's' : ''} [${names.join(', ')}] ${
       names.length > 1 ? 'are' : 'is'
     } down on ${chainIdToName(Number(chainId))} (${chainId})!`,
@@ -124,9 +134,10 @@ function Alerts({
   chainIdsToHeartbeats: ChainIdToHeartbeats;
 }) {
   const latestRelease = useLatestRelease();
+  const environment = useCurrentEnvironment();
   const alerts = useMemo(() => {
     const alerts: AlertEntry[] = [
-      ...chainDownAlerts(heartbeats, chainIdsToHeartbeats),
+      ...chainDownAlerts(heartbeats, chainIdsToHeartbeats, environment),
       ...releaseChecker(latestRelease, heartbeats),
     ];
     return alerts.sort((a, b) =>
@@ -136,7 +147,7 @@ function Alerts({
         ? 1
         : 0
     );
-  }, [latestRelease, heartbeats, chainIdsToHeartbeats]);
+  }, [latestRelease, heartbeats, chainIdsToHeartbeats, environment]);
   const numErrors = useMemo(
     () => alerts.filter((alert) => alert.severity === 'error').length,
     [alerts]

dashboard/src/components/Chains.tsx

@@ -23,9 +23,10 @@ import { useCallback, useMemo, useState } from 'react';
 import { ChainIdToHeartbeats, HeartbeatInfo } from '../hooks/useChainHeartbeats';
 import chainIdToName from '../utils/chainIdToName';
 import { CHAIN_INFO_MAP } from '../utils/consts';
-import { getBehindDiffForChain, QUORUM_COUNT } from './Alerts';
+import { getBehindDiffForChain, getQuorumCount } from './Alerts';
 import CollapsibleSection from './CollapsibleSection';
 import Table from './Table';
+import { Environment, useCurrentEnvironment } from '../contexts/NetworkContext';
 
 const columnHelper = createColumnHelper<HeartbeatInfo>();
 
@@ -78,11 +79,13 @@ function Chain({
   heartbeats,
   healthyCount,
   conditionalRowStyle,
+  environment,
 }: {
   chainId: string;
   heartbeats: HeartbeatInfo[];
   healthyCount: number;
   conditionalRowStyle?: ((a: HeartbeatInfo) => SxProps<Theme> | undefined) | undefined;
+  environment: Environment;
 }) {
   const [open, setOpen] = useState(false);
   const handleOpen = useCallback(() => {
@@ -112,7 +115,7 @@ function Chain({
                 variant="determinate"
                 value={healthyCount === 0 ? 100 : (healthyCount / heartbeats.length) * 100}
                 color={
-                  healthyCount < QUORUM_COUNT
+                  healthyCount < getQuorumCount(environment)
                     ? 'error'
                     : healthyCount < heartbeats.length
                     ? 'warning'
@@ -179,6 +182,7 @@ type ChainHelpers = {
 };
 
 function Chains({ chainIdsToHeartbeats }: { chainIdsToHeartbeats: ChainIdToHeartbeats }) {
+  const environment = useCurrentEnvironment();
   const {
     helpers,
     numSuccess,
@@ -208,7 +212,7 @@ function Chains({ chainIdsToHeartbeats }: { chainIdsToHeartbeats: ChainIdToHeart
         0
       );
       if (Number(chainId) !== CHAIN_ID_AURORA)
-        if (healthyCount < QUORUM_COUNT) {
+        if (healthyCount < getQuorumCount(environment)) {
           numErrors++;
         } else if (healthyCount < heartbeats.length) {
           numWarnings++;
@@ -224,7 +228,7 @@ function Chains({ chainIdsToHeartbeats }: { chainIdsToHeartbeats: ChainIdToHeart
       numWarnings,
       numErrors,
     };
-  }, [chainIdsToHeartbeats]);
+  }, [chainIdsToHeartbeats, environment]);
   return (
     <CollapsibleSection
       header={
@@ -272,6 +276,7 @@ function Chains({ chainIdsToHeartbeats }: { chainIdsToHeartbeats: ChainIdToHeart
             heartbeats={chainIdsToHeartbeats[Number(chainId)]}
             healthyCount={helpers[Number(chainId)].healthyCount}
             conditionalRowStyle={helpers[Number(chainId)].conditionalRowStyle}
+            environment={environment}
           />
         ))}
       </Box>

dashboard/src/contexts/NetworkContext.tsx

@@ -108,6 +108,6 @@ export const NetworkContextProvider = ({ children }: { children: ReactNode }) =>
   return <NetworkContext.Provider value={value}>{children}</NetworkContext.Provider>;
 };
 
-export const useNetworkContext = () => {
-  return useContext(NetworkContext);
-};
+export const useNetworkContext = () => useContext(NetworkContext);
+
+export const useCurrentEnvironment = () => useContext(NetworkContext).currentNetwork.env;