fleet/frontend/pages/schedule/ManageSchedulePage/components/ScheduleError/ScheduleError.tsx
RachelElysia 05691d49ca
Schedule Page - New Feature! (#1333)
- Schedule page functionality: Create (modal), delete (modal), view schedule, advanced options
- Replaces Packs tab with Schedules tab
- Updates e2e tests, mocks, stubs, etc
- Defaults logging type to snapshot for packs
- Adds conversion helpers and tests helper functions
- Adds global_scheduled_queries to redux
2021-07-26 14:41:36 -04:00

39 lines
1.2 KiB
TypeScript

/**
* Component when there is an error retrieving schedule set up in fleet
*/
import React from "react";
import OpenNewTabIcon from "../../../../../../assets/images/open-new-tab-12x12@2x.png";
import ErrorIcon from "../../../../../../assets/images/icon-error-16x16@2x.png";
const baseClass = "schedule-error";
const ScheduleError = (): JSX.Element => {
return (
<div className={`${baseClass}`}>
<div className={`${baseClass}__inner`}>
<div className="info">
<span className="info__header">
<img src={ErrorIcon} alt="error icon" id="error-icon" />
Something&apos;s gone wrong.
</span>
<span className="info__data">Refresh the page or log in again.</span>
<span className="info__data">
If this keeps happening, please&nbsp;
<a
href="https://github.com/fleetdm/fleet/issues"
target="_blank"
rel="noopener noreferrer"
>
file an issue.
<img src={OpenNewTabIcon} alt="open new tab" id="new-tab-icon" />
</a>
</span>
</div>
</div>
</div>
);
};
export default ScheduleError;