react-healthy
Version:
Incrementally check and alert your users to the health of your APIs
10 lines (7 loc) • 970 B
JavaScript
import { css } from '@emotion/css';
import React from 'react';
import { PageStatus } from '../../components/PageStatus/index.js';
import { StatusRow } from '../../components/StatusRow/index.js';
import { useHealthCheck } from '../../hooks/useHealthCheck.js';
function StatusPage(a){var b;let{config:c}=a;const{apisWithErrors:d,pageHasError:e}=useHealthCheck({apis:c.apis,interval:c.interval,onError:c.onError}),f=new Set(d);return/*#__PURE__*/React.createElement("div",{className:containerStyles},/*#__PURE__*/React.createElement(PageStatus,{hasError:e,messages:null===(b=c.messages)||void 0===b?void 0:b.statusPage}),c.apis.map((a,b)=>{var d;const e=f.has(a);return/*#__PURE__*/React.createElement(StatusRow,{key:a.name+a.endpoint,name:a.name,hasError:e,className:0===b?"first":"",messages:null===(d=c.messages)||void 0===d?void 0:d.row})}))}const containerStyles=css({width:"100%",maxWidth:"800px",margin:"60px auto"});
export { StatusPage, StatusPage as default };