Skip to main content

Function: useSite()

useSite(site: Site): UseSiteResult

Defined in: src/hooks/site/useSite.ts:86

A comprehensive hook that combines site monitoring, actions, statistics, and UI state

Parameters​

site​

Site

The site to work with.

Returns​

UseSiteResult

Combined data and functionality from all site-related hooks.

Remarks​

This hook serves as a composition layer that combines:

  • Monitor data and selection (from useSiteMonitor)
  • Site statistics and analytics (from useSiteStats)
  • Action handlers for site operations (from useSiteActions)
  • UI loading state (from useErrorStore)

Property precedence: Actions → Monitor → Stats → Loading state. The isLoading property is added last and will not be overwritten.

Example​

function SiteCard({ site }) {
    const {
        monitor,
        status,
        uptime,
        handleCheckNow,
        handleStartMonitoring,
        isLoading,
    } = useSite(site);

    return (
        <div>
            <h3>{site.name}</h3>
            <p>Status: {status}</p>
            <p>Uptime: {uptime}%</p>
            <button onClick={handleCheckNow} disabled={isLoading}>
                Check Now
            </button>
        </div>
    );
}

See​