george/pgMultiMasterFrontend
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:

Browse Source 
--GUI CHANGE(NodeDetailsDashboard)
This commit is contained in:
george committed 2026-09-29 10:56:28 +05:30
1 parent 14e6981853
commit 9543a22b1a
3 files changed
+187 -59
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/App.tsx
+8 -59
View File
@@ -1,16 +1,8 @@
import { useEffect, useState } from 'react'
import { Navigate, Route, Routes, useMatch, useNavigate, useParams } from 'react-router-dom'
import './App.css'
import NodeConnections from './NodeConnections'
import NodeActiveConnections from './NodeActiveConnections'
import NodePerformance from './NodePerformance'
import NodeTupleActivity from './NodeTupleActivity'
import NodeWalGenerated from './NodeWalGenerated'
import NodeWalSize from './NodeWalSize'
import NodeDetailsDashboard from './NodeDetailsDashboard'
import NodeDeadTuples from './NodeDeadTuples'
import NodeLocksDeadlocks from './NodeLocksDeadlocks'
import NodeDatabaseSize from './NodeDatabaseSize'
import NodeIndexSize from './NodeIndexSize'
import NodeLargestTables from './NodeLargestTables'
import NodeHardware from './NodeHardware'
import ClusterNodeCard from './ClusterNodeCard'
@@ -619,7 +611,7 @@ function Workspace({ page: activePage }: { page: PageId | 'node-details' | 'larg
</>
)}
{activePage === 'node-details' && clusterDetails && (
<section className="content-panel" id="node-details">
<section className="content-panel node-details-page" id="node-details">
<div className="page-header">
<h1>{clusterDetails.nodes.find((node) => node.uuid === nodeId)?.node_name ?? 'Node not found'}</h1>
<button
@@ -631,55 +623,12 @@ function Workspace({ page: activePage }: { page: PageId | 'node-details' | 'larg
</button>
</div>
{nodeId && clusterDetails.nodes.some((node) => node.uuid === nodeId) && (
<>
<NodeActiveConnections
key={`metrics/${clusterId}/${nodeId}`}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodePerformance
key={`performance/${clusterId}/${nodeId}`}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeTupleActivity
key={`tuple-activity/${clusterId}/${nodeId}`}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeWalGenerated
key={`wal-generated/${clusterId}/${nodeId}`}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeWalSize
key={`wal-size/${clusterId}/${nodeId}`}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeDeadTuples
key={`dead-tuples/${clusterId}/${nodeId}`}
clusterId={clusterId!}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeLocksDeadlocks
key={`locks-deadlocks/${clusterId}/${nodeId}`}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeDatabaseSize
key={`database-size/${clusterId}/${nodeId}`}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeIndexSize
key={`index-size/${clusterId}/${nodeId}`}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeConnections key={`${clusterId}/${nodeId}`} nodeId={nodeId} />
</>
<NodeDetailsDashboard
key={`${clusterId}/${nodeId}`}
clusterId={clusterId!}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
)}
</section>
)}