fleet/frontend/pages/errors/Fleet500/Fleet500.tsx
Eric 23f4053ff2
Replace expired Slack invite with Fleet website slack redirect (#15747)
Related to: https://github.com/fleetdm/fleet/issues/15089

Changes:
- Replaced the expired osquery Slack invitation with a link to the Fleet
website's `/slack` redirect.

---------

Co-authored-by: Mike McNeil <mikermcneil@users.noreply.github.com>
2024-01-12 12:30:23 -06:00

71 lines
1.9 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://fleetdm.com/support"
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;