mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 01:15:22 +00:00
39 lines
872 B
TypeScript
39 lines
872 B
TypeScript
import React from "react";
|
|
import { Link } from "react-router";
|
|
|
|
import PATHS from "router/paths";
|
|
|
|
// @ts-ignore
|
|
import fleetLogoText from "../../../../assets/images/fleet-logo-text-white.svg";
|
|
// @ts-ignore
|
|
import backgroundImg from "../../../../assets/images/403.svg";
|
|
|
|
const baseClass = "fleet-403";
|
|
|
|
const Fleet403 = () => (
|
|
<div className={baseClass}>
|
|
<header className="primary-header">
|
|
<Link to={PATHS.DASHBOARD}>
|
|
<img
|
|
className="primary-header__logo"
|
|
src={fleetLogoText}
|
|
alt="Fleet logo"
|
|
/>
|
|
</Link>
|
|
</header>
|
|
<img
|
|
src={backgroundImg}
|
|
alt="403 background"
|
|
className="background-image"
|
|
/>
|
|
<main>
|
|
<h1>
|
|
<span>Access denied.</span>
|
|
</h1>
|
|
<p>You do not have permissions to access that page.</p>
|
|
</main>
|
|
</div>
|
|
);
|
|
|
|
export default Fleet403;
|