Skip to content

Commit

Permalink
feat: migrate error pages
Browse files Browse the repository at this point in the history
  • Loading branch information
Jonath-z committed Dec 28, 2022
1 parent bca03c4 commit 145ddc7
Show file tree
Hide file tree
Showing 4 changed files with 53 additions and 41 deletions.
20 changes: 0 additions & 20 deletions components/ErrorPages/Error400.jsx

This file was deleted.

24 changes: 24 additions & 0 deletions components/ErrorPages/Error400.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import React from "react";
import { HomeSubMenuIcon } from "../modules/__modules/Vectors/index";
import error from "../../components/modules/static/images/404.png";
const Error400 = () => {
return (
<div className="flex flex-wrap min-h-screen items-center justify-center">
<div className="flex flex-col items-center justify-center max-w-4xl p-4 text-center">
<img src={error.src} alt="Not Found" className="w-8/12" />
<h2 className="text-3xl font-extrabold pt-4">
Oops! This Page is Not Found.
</h2>
<p className="p-3 text-base text-gray-400">
The requested page dose not exist
</p>
<div className="flex justify-center items-center rounded-2xl text-white px-4 py-2 bg-primary mt-4 cursor-pointer">
<HomeSubMenuIcon size={16} className="mr-2" />
<p className="font-lighter text-base">Back to Home</p>
</div>
</div>
</div>
);
};

export default Error400;
21 changes: 0 additions & 21 deletions components/ErrorPages/Error500.jsx

This file was deleted.

29 changes: 29 additions & 0 deletions components/ErrorPages/Error500.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
import React from "react";
import { HomeSubMenuIcon } from "../modules/__modules/Vectors/index";
import error from "../modules/static/images/500.png";
const Error500 = () => {
return (
<div className="flex flex-wrap min-h-screen items-center justify-center">
<div className="flex flex-col items-center justify-center max-w-4xl p-4 text-center">
<img
src={error.src}
className="w-6/12 lg:w-8/12"
alt="Internal Error"
/>
<h1 className="font-black text-6xl">500</h1>
<h2 className="text-3xl font-black pt-4">
Oops! This Page is Not Working.
</h2>
<p className="p-3 text-base text-gray-400">
The requested is Internal Server Error.
</p>
<div className="flex justify-center items-center rounded-2xl text-white px-4 py-2 bg-primary mt-4 cursor-pointer">
<HomeSubMenuIcon size={16} className="mr-2" />
<p className="font-lighter text-base">Back to Home</p>
</div>
</div>
</div>
);
};

export default Error500;

0 comments on commit 145ddc7

Please sign in to comment.