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

feat:

Browse Source 
--ADDED show Details of list of tables
This commit is contained in:
george committed 2026-09-28 12:08:21 +05:30
1 parent 83d065c530
commit b48038adca
2 files changed
+238 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/App.tsx
+22 -7
View File
@@ -5,6 +5,7 @@ import NodeConnections from './NodeConnections'
import NodeActiveConnections from './NodeActiveConnections'
import NodePerformance from './NodePerformance'
import NodeTupleActivity from './NodeTupleActivity'
import NodeDeadTuples from './NodeDeadTuples'
import NodeLocksDeadlocks from './NodeLocksDeadlocks'
import NodeDatabaseSize from './NodeDatabaseSize'
import NodeIndexSize from './NodeIndexSize'
@@ -272,6 +273,7 @@ function App() {
<Route path="/nodes" element={<Workspace page="nodes" />} />
<Route path="/clusters" element={<Workspace page="clusters" />} />
<Route path="/clusters/:clusterId" element={<Workspace page="cluster-details" />} />
<Route path="/clusters/:clusterId/nodes/:nodeId/dead-tuples" element={<Workspace page="dead-tuples" />} />
<Route path="/clusters/:clusterId/nodes/:nodeId/largest-tables" element={<Workspace page="largest-tables" />} />
<Route path="/clusters/:clusterId/nodes/:nodeId" element={<Workspace page="node-details" />} />
<Route path="*" element={<Navigate to="/" replace />} />
@@ -279,7 +281,7 @@ function App() {
)
}
function Workspace({ page: activePage }: { page: PageId | 'node-details' | 'largest-tables' }) {
function Workspace({ page: activePage }: { page: PageId | 'node-details' | 'largest-tables' | 'dead-tuples' }) {
const navigate = useNavigate()
const { clusterId, nodeId } = useParams()
const isClusterPage = Boolean(useMatch('/clusters/*'))
@@ -643,6 +645,12 @@ function Workspace({ page: activePage }: { page: PageId | 'node-details' | 'larg
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}
@@ -658,12 +666,6 @@ function Workspace({ page: activePage }: { page: PageId | 'node-details' | 'larg
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeLargestTables
key={`tables/${clusterId}/${nodeId}`}
clusterId={clusterId!}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
/>
<NodeConnections key={`${clusterId}/${nodeId}`} nodeId={nodeId} />
</>
)}
@@ -682,6 +684,19 @@ function Workspace({ page: activePage }: { page: PageId | 'node-details' | 'larg
) : <h1>Node not found</h1>}
</section>
)}
{activePage === 'dead-tuples' && clusterDetails && (
<section className="content-panel">
{nodeId && clusterDetails.nodes.some((node) => node.uuid === nodeId) ? (
<NodeDeadTuples
key={`dead-tuples-page/${clusterId}/${nodeId}`}
clusterId={clusterId!}
nodeId={nodeId}
nodeName={clusterDetails.nodes.find((node) => node.uuid === nodeId)!.node_name}
detailed
/>
) : <h1>Node not found</h1>}
</section>
)}
{activePage === 'cluster-details' && clusterDetails && (
<section className="content-panel" id="cluster-details">
<div className="page-header">