mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 09:18:59 +00:00
72 lines
2.0 KiB
TypeScript
72 lines
2.0 KiB
TypeScript
import React from "react";
|
|
import { Link } from "react-router";
|
|
|
|
import PATHS from "router/paths";
|
|
|
|
import Button from "components/buttons/Button";
|
|
// @ts-ignore
|
|
import fleetLogoText from "../../../../assets/images/fleet-logo-text-white.svg";
|
|
// @ts-ignore
|
|
import backgroundImg from "../../../../assets/images/500.svg";
|
|
import githubLogo from "../../../../assets/images/github-mark-white-24x24@2x.png";
|
|
import slackLogo from "../../../../assets/images/logo-slack-24x24@2x.png";
|
|
|
|
const baseClass = "fleet-500";
|
|
|
|
const Fleet500 = () => (
|
|
<div className={baseClass}>
|
|
<header className="primary-header">
|
|
<Link to={PATHS.DASHBOARD}>
|
|
<img
|
|
className="primary-header__logo"
|
|
src={fleetLogoText}
|
|
alt="Fleet logo"
|
|
/>
|
|
</Link>
|
|
</header>
|
|
<img
|
|
className="background-image"
|
|
src={backgroundImg}
|
|
alt="500 background"
|
|
/>
|
|
<main>
|
|
<h1>
|
|
<span>500:</span> Oh, something went wrong.
|
|
</h1>
|
|
<p>Please file an issue if you believe this is a bug.</p>
|
|
<div className={`${baseClass}__button-wrapper`}>
|
|
<a
|
|
href="https://osquery.slack.com/join/shared_invite/zt-h29zm0gk-s2DBtGUTW4CFel0f0IjTEw#/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<Button
|
|
type="button"
|
|
variant="unstyled"
|
|
className={`${baseClass}__slack-btn`}
|
|
>
|
|
<>
|
|
<img src={slackLogo} alt="Slack icon" />
|
|
Get help on Slack
|
|
</>
|
|
</Button>
|
|
</a>
|
|
<a
|
|
href="https://github.com/fleetdm/fleet/issues/new?assignees=&labels=bug%2C%3Areproduce&template=bug-report.md&title="
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<Button type="button">
|
|
<>
|
|
<img src={githubLogo} alt="Github icon" />
|
|
File an issue
|
|
</>
|
|
</Button>
|
|
</a>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
);
|
|
|
|
export default Fleet500;
|