- | {node.node_public_key} |
- {node.ip} |
-
+ |
+ {node.node_public_key}
+ |
+ {node.ip} |
+
{node.server_state}
|
- {getVersion(node.version)} |
- {renderLastLedger(node.validated_ledger)} |
- {durationToHuman(node.uptime)} |
-
+ |
+ {getVersion(node.version)}
+ |
+
+ {renderLastLedger(node.validated_ledger)}
+ |
+
+ {durationToHuman(node.uptime)}
+ |
+
{node.inbound_count + node.outbound_count}
|
@@ -119,39 +145,161 @@ export const NodesTable: FC<{ nodes: NodeData[] }> = ({
({node.inbound_count}:{node.outbound_count})
|
-
+ |
{renderLedgerHistory(node.ledgers, ledgerRange)}
|
- {node.quorum} |
-
+ |
+ {node.quorum}
+ |
+
{node.load_factor && node.load_factor > 1
? node.load_factor.toFixed(2)
: ''}
|
-
+ |
{node.io_latency_ms && node.io_latency_ms > 1}
|
)
+ const compareSemanticVersions = (
+ a: string,
+ b: string,
+ returnValue: number,
+ ) => {
+ const a1 = a.split('.')
+ const b1 = b.split('.')
+
+ const len = Math.min(a1.length, b1.length)
+
+ for (let i = 0; i < len; i++) {
+ const a2 = +a1[i] || 0
+ const b2 = +b1[i] || 0
+
+ if (a2 !== b2) {
+ return a2 > b2 ? returnValue : returnValue * -1
+ }
+ }
+ return b1.length - a1.length
+ }
+
+ if (nodes !== null) {
+ const sort = (key: any, order: string) => {
+ const returnValue = order === 'desc' ? 1 : -1
+
+ if (key === 'peers') {
+ nodes.sort((a, b) =>
+ a.inbound_count + a.outbound_count >
+ b.inbound_count + b.outbound_count
+ ? returnValue * -1
+ : returnValue,
+ )
+ } else if (key === 'ledger_history') {
+ nodes.sort((a, b) =>
+ getLedgerHistory(a.ledgers, ledgerRange).count >
+ getLedgerHistory(b.ledgers, ledgerRange).count
+ ? returnValue * -1
+ : returnValue,
+ )
+ } else if (key === 'rippled_version') {
+ nodes.sort((a, b) =>
+ compareSemanticVersions(a.version, b.version, returnValue),
+ )
+ } else {
+ nodes.sort((a, b) => (a[key] > b[key] ? returnValue * -1 : returnValue))
+ }
+ }
+
+ sort(sortedField, sortOrder)
+ }
+
+ const getClassNamesFor = (name, order) =>
+ sortedField === order ? `${name} sorted` : name
+ const getClassArrowFor = (field) => {
+ if (sortedField === field && sortOrder === 'desc') {
+ return 'arrow down'
+ }
+ if (sortedField === field && sortOrder === 'asc') {
+ return 'arrow up'
+ }
+ return ''
+ }
+
const content = nodes ? (