react-healthy/dist/cjs/pages/StatusPage/index.js

Incrementally check and alert your users to the health of your APIs

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var css = require('@emotion/css');
var React = require('react');
var index = require('../../components/PageStatus/index.js');
var index$1 = require('../../components/StatusRow/index.js');
var useHealthCheck = require('../../hooks/useHealthCheck.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

function StatusPage(a){var b;let{config:c}=a;const{apisWithErrors:d,pageHasError:e}=useHealthCheck.useHealthCheck({apis:c.apis,interval:c.interval,onError:c.onError}),f=new Set(d);return/*#__PURE__*/React__default["default"].createElement("div",{className:containerStyles},/*#__PURE__*/React__default["default"].createElement(index.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__default["default"].createElement(index$1.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.css({width:"100%",maxWidth:"800px",margin:"60px auto"});

exports.StatusPage = StatusPage;
exports["default"] = StatusPage;