@pagerduty/backstage-plugin
Version:
A Backstage plugin that integrates towards PagerDuty
34 lines (31 loc) • 1.22 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { Grid } from '@material-ui/core';
import { Flex, Text } from '@backstage/ui';
import EmptyStateImage from '../../assets/emptystate.svg';
const IncidentsEmptyState = ({ serviceURL }) => {
return /* @__PURE__ */ jsxs(
Grid,
{
container: true,
justifyContent: "center",
direction: "column",
alignItems: "center",
children: [
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", children: [
/* @__PURE__ */ jsx(Text, { as: "h5", variant: "title-x-small", children: "Nice! No incidents have been found in the last 30 days!" }),
/* @__PURE__ */ jsx("a", { href: serviceURL, target: "_blank", rel: "noopener noreferrer", children: "View older open incidents" })
] }) }),
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
"img",
{
src: EmptyStateImage,
alt: "EmptyState",
"data-testid": "emptyStateImg"
}
) })
]
}
);
};
export { IncidentsEmptyState };
//# sourceMappingURL=IncidentEmptyState.esm.js.map