Skip to main content

Variable: SiteCardHistory

const SiteCardHistory: NamedExoticComponent<SiteCardHistoryProperties>

Defined in: src/components/Dashboard/SiteCard/SiteCardHistory.tsx:99

History visualization component for site cards displaying monitor status over time.

Features:

  • Dynamic title generation based on monitor type and configuration
  • Optimized with React.memo and custom comparison for performance
  • Automatic updates when monitor history changes in store
  • Supports up to 60 history items for visualization
  • Handles HTTP and port monitor types with specific title formatting

Data flow: Store โ†’ useSiteMonitor โ†’ useSite โ†’ SiteCard โ†’ SiteCardHistory

Exampleโ€‹

<SiteCardHistory monitor={selectedMonitor} filteredHistory={recentHistory} />

Paramโ€‹

Component props

Returnsโ€‹

JSX element containing the history chart