PoolDetailsPopover
Button-triggered popover that displays a pool's key/value details (URL, fee, worker count, status, …) inside a Radix `Dialog`. Wraps `PoolDetailsCard` so the…
Button-triggered popover that displays a pool's key/value details (URL, fee, worker count, status, …) inside a Radix Dialog. Wraps PoolDetailsCard so the read-out matches the embedded card variant.
import { PoolDetailsPopover } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
title | Required | string | undefined | — | — |
description | Required | string | undefined | — | — |
disabled | Required | boolean | undefined | — | — |
className | Required | string | undefined | — | — |
triggerLabel | Required | string | undefined | — | — |
details | Required | PoolDetailItem[] | — | — |
Usage
Trigger button + modal dialog revealing a PoolDetailsCard.
Notes
- Uses MDK's
Dialog; no portal wiring needed.
Example
/** * Runnable example for PoolDetailsPopover. */import { PoolDetailsPopover } from '@tetherto/mdk-react-devkit'const details = [ { title: 'URL', value: 'stratum+tcp://eu.example.pool:3333' }, { title: 'Worker', value: 'rig-01' }, { title: 'Fee', value: '1.5 %' },]export const PoolDetailsPopoverExample = () => { return <PoolDetailsPopover triggerLabel="View pool" title="Pool details" details={details} />}