diff --git a/explorer/src/pages/Mixnodes/index.tsx b/explorer/src/pages/Mixnodes/index.tsx index ce55f257ee..bcdccd2c9c 100644 --- a/explorer/src/pages/Mixnodes/index.tsx +++ b/explorer/src/pages/Mixnodes/index.tsx @@ -179,6 +179,27 @@ export const PageMixnodes: React.FC = () => { ), }, + { + field: 'stake_saturation', + headerName: 'Stake Saturation', + renderHeader: () => , + headerClassName: 'MuiDataGrid-header-override', + width: 175, + headerAlign: 'left', + renderCell: (params: GridRenderCellParams) => ( + 100 ? theme.palette.warning.main : 'inherit', + ...getCellStyles(theme, params.row), + }} + component={RRDLink} + to={`/network-components/mixnode/${params.row.identity_key}`} + > + {`${params.value.toFixed(2)} %`} + + ), + }, { field: 'self_percentage', headerName: 'Self %', @@ -231,27 +252,6 @@ export const PageMixnodes: React.FC = () => { ), }, - { - field: 'stake_saturation', - headerName: 'Stake Saturation', - renderHeader: () => , - headerClassName: 'MuiDataGrid-header-override', - width: 175, - headerAlign: 'left', - renderCell: (params: GridRenderCellParams) => ( - 100 ? theme.palette.warning.main : 'inherit', - ...getCellStyles(theme, params.row), - }} - component={RRDLink} - to={`/network-components/mixnode/${params.row.identity_key}`} - > - {`${params.value.toFixed(2)} %`} - - ), - }, ]; const handlePageSize = (event: SelectChangeEvent) => {