fix: show nodes count in networks page

gravitl · Oct 31, 2024 · 5efa6c1 · 5efa6c1
1 parent df5b1f3
commit 5efa6c1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/src/pages/networks/NetworkDetailsPage.tsx b/src/pages/networks/NetworkDetailsPage.tsx
@@ -3791,7 +3791,7 @@ export default function NetworkDetailsPage(props: PageProps) {
     const tabs: TabsProps['items'] = [
       {
         key: 'hosts',
-        label: `Nodes (${networkHosts.length})`,
+        label: `Nodes (${networkNodes.length})`,
         children: network && !isRefreshingNetwork ? getHostsContent() : <Skeleton active />,
       },
       {

diff --git a/src/pages/networks/NetworksPage.tsx b/src/pages/networks/NetworksPage.tsx
@@ -115,16 +115,18 @@ export default function NetworksPage(props: PageProps) {
       ),
     },
     {
-      title: 'Hosts Count',
+      title: 'Nodes Count',
       dataIndex: 'hosts',
-      // render(_, network) {
-      //   const nodeCount = store.nodes?.filter((node) => node.network === network.netid).length ?? 0;
-      //   return (
-      //     <div onClick={(ev) => ev.stopPropagation()}>
-      //       <Typography.Text>{nodeCount}</Typography.Text>
-      //     </div>
-      //   );
-      // },
+      render(_, network) {
+        const nodeCount =
+          store.nodes?.filter((node) => node.network === network.netid || node.static_node?.network === network.netid)
+            .length ?? 0;
+        return (
+          <div onClick={(ev) => ev.stopPropagation()}>
+            <Typography.Text>{nodeCount}</Typography.Text>
+          </div>
+        );
+      },
     },
     {
       title: 'Network Last Modified',