Merge pull request #1269 from nymtech/av-uptime-nodes-list

adding average uptime on mix nodes table

explorer/src/components/MixNodes/index.ts

@@ -12,6 +12,7 @@ export type MixnodeRowType = {
   host: string;
   layer: string;
   profit_percentage: string;
+  avg_uptime: number;
 };
 
 export function mixnodeToGridRow(arrayOfMixnodes?: MixNodeResponse): MixnodeRowType[] {
@@ -35,5 +36,6 @@ export function mixNodeResponseItemToMixnodeRowType(item: MixNodeResponseItem):
     host: item?.mix_node?.host || '',
     layer: item?.layer || '',
     profit_percentage: `${profitPercentage}%`,
+    avg_uptime: item.avg_uptime,
   };
 }

explorer/src/pages/Mixnodes/index.tsx

@@ -231,6 +231,23 @@ export const PageMixnodes: React.FC = () => {
         </MuiLink>
       ),
     },
+    {
+      field: 'avg_uptime',
+      headerName: 'Average Uptime',
+      renderHeader: () => <CustomColumnHeading headingTitle="Average Uptime" />,
+      headerClassName: 'MuiDataGrid-header-override',
+      width: 140,
+      headerAlign: 'left',
+      renderCell: (params: GridRenderCellParams) => (
+        <MuiLink
+          sx={{ ...getCellStyles(theme, params.row), textAlign: 'left' }}
+          component={RRDLink}
+          to={`/network-components/mixnode/${params.row.identity_key}`}
+        >
+          {params.value}
+        </MuiLink>
+      ),
+    },
   ];
 
   const handlePageSize = (event: SelectChangeEvent<string>) => {

explorer/src/typeDefs/explorer-api.ts

@@ -83,6 +83,7 @@ export interface MixNodeResponseItem {
     two_letter_iso_country_code: string;
   };
   mix_node: MixNode;
+  avg_uptime: number;
 }
 
 export type MixNodeResponse = MixNodeResponseItem[];