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

adding percentage symbol and make column wider

explorer/src/components/MixNodes/index.ts

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

explorer/src/pages/Mixnodes/index.tsx

@@ -236,7 +236,7 @@ export const PageMixnodes: React.FC = () => {
       headerName: 'Average Uptime',
       renderHeader: () => <CustomColumnHeading headingTitle="Average Uptime" />,
       headerClassName: 'MuiDataGrid-header-override',
-      width: 140,
+      width: 160,
       headerAlign: 'left',
       renderCell: (params: GridRenderCellParams) => (
         <MuiLink