diff --git a/explorer/src/components/Gateways.ts b/explorer/src/components/Gateways.ts
index e75c9aeb05..aa055a71d0 100644
--- a/explorer/src/components/Gateways.ts
+++ b/explorer/src/components/Gateways.ts
@@ -7,6 +7,7 @@ export type GatewayRowType = {
bond: number;
host: string;
location: string;
+ version: string;
};
export type GatewayEnrichedRowType = GatewayRowType & {
@@ -26,6 +27,7 @@ export function gatewayToGridRow(arrayOfGateways: GatewayResponse): GatewayRowTy
location: gw?.gateway?.location || '',
bond: gw.pledge_amount.amount || 0,
host: gw.gateway.host || '',
+ version: gw.gateway.version || '',
}));
}
@@ -40,6 +42,7 @@ export function gatewayEnrichedToGridRow(
location: gateway?.gateway?.location || '',
bond: gateway.pledge_amount.amount || 0,
host: gateway.gateway.host || '',
+ version: gateway.gateway.version || '',
clientsPort: gateway.gateway.clients_port || 0,
mixPort: gateway.gateway.mix_port || 0,
routingScore: `${report.most_recent}%`,
diff --git a/explorer/src/pages/GatewayDetail/index.tsx b/explorer/src/pages/GatewayDetail/index.tsx
index 5fb7dd9c9f..3372ded2a7 100644
--- a/explorer/src/pages/GatewayDetail/index.tsx
+++ b/explorer/src/pages/GatewayDetail/index.tsx
@@ -58,6 +58,12 @@ const columns: ColumnsType[] = [
headerAlign: 'left',
flex: 1,
},
+ {
+ field: 'version',
+ title: 'Version',
+ headerAlign: 'left',
+ flex: 1,
+ },
];
/**
diff --git a/explorer/src/pages/Gateways/index.tsx b/explorer/src/pages/Gateways/index.tsx
index 2430e4f9a5..8e01fad54c 100644
--- a/explorer/src/pages/Gateways/index.tsx
+++ b/explorer/src/pages/Gateways/index.tsx
@@ -128,7 +128,7 @@ export const PageGateways: React.FC = () => {
field: 'owner',
headerName: 'Owner',
renderHeader: () => ,
- width: 380,
+ width: 180,
headerAlign: 'left',
headerClassName: 'MuiDataGrid-header-override',
renderCell: (params: GridRenderCellParams) => (
@@ -142,6 +142,24 @@ export const PageGateways: React.FC = () => {
),
},
+ {
+ field: 'version',
+ headerName: 'Version',
+ renderHeader: () => ,
+ width: 150,
+ headerAlign: 'left',
+ headerClassName: 'MuiDataGrid-header-override',
+ renderCell: (params: GridRenderCellParams) => (
+
+ {params.value}
+
+ ),
+ },
];
const handlePageSize = (event: SelectChangeEvent) => {