PoolManagerSiteOverviewDetails

Pool-manager site detail page — drilldown for a single site showing configured pools, recent miner activity, and performance charts. Renders a breadcrumb hea…

Pool-manager site detail page — drilldown for a single site showing configured pools, recent miner activity, and performance charts. Renders a breadcrumb header (Site Overview / <unitName>) and delegates the body to SiteOverviewDetailsContainer.

import { PoolManagerSiteOverviewDetails } from "@tetherto/mdk-react-devkit";

Prop	Status	Type	Default	Description
`unit`	Required	`UnitData`	—	The site (container unit) to render details for.
`unitName`	Required	`string`	—	Display name shown in the breadcrumb (`Site Overview / <unitName>`).
`poolConfig`	Required	`PoolConfigEntry[]`	—	Pool configurations powering the per-pool detail rows.
`dataOptions`	Optional	`SiteOverviewDetailsDataOptions \| undefined`	—	Optional data-fetch knobs forwarded to `useSiteOverviewDetailsData`.
`isLoading`	Optional	`boolean \| undefined`	—	Show a centered loader instead of the detail container.
`backButtonClick`	Required	`VoidFunction`	—	Called when the operator clicks the "Site Overview" back link.

Usage

Pool-manager site detail page: drilldown for a single site showing configured pools, recent miner activity, and performance charts. Renders the breadcrumb header (Site Overview / <unitName>) and delegates the body to SiteOverviewDetailsContainer.

Use this as the /pool-manager/sites/:id route.

Data contracts

Device — foundation/types/device. The full site/container row.
PoolConfigData — exported from @tetherto/mdk-react-devkit.
SiteOverviewDetailsDataOptions — exported from foundation/components/pool-manager/site-overview-details/use-site-overview-details-data.

Notes

The page expects the parent route to fetch the site and pool data and pass it through props. Use the companion useSiteOverviewDetailsData hook (or your own TanStack Query) and forward the loading flag here.
The breadcrumb second segment renders unitName after a / separator — pass a human-friendly name (e.g. site display name, not the raw id).

Example

/** * Runnable example for PoolManagerSiteOverviewDetails. */import { PoolManagerSiteOverviewDetails } from '@tetherto/mdk-react-devkit'import type { Device, PoolConfigData } from '@tetherto/mdk-react-devkit'const mockUnit = {  id: 'site-eu-01',  code: 'EU-01',  name: 'EU Site 01',  last: {    hashrate: 102_400,    minersOnline: 998,    minersTotal: 1024,    status: 'online',  },} as unknown as Deviceconst mockPools: PoolConfigData[] = [  { id: 'pool-eu', name: 'EU primary', priority: 1 } as unknown as PoolConfigData,  { id: 'pool-us', name: 'US backup', priority: 2 } as unknown as PoolConfigData,]export const PoolManagerSiteOverviewDetailsExample = () => {  return (    <PoolManagerSiteOverviewDetails      unit={mockUnit}      unitName="EU Site 01"      poolConfig={mockPools}      backButtonClick={() => {}}    />  )}