From 145ddc7ee27e3c7f2dc3d24defd098ef1798f927 Mon Sep 17 00:00:00 2001
From: Jonath-z <jonathanzihindula95@gmail.com>
Date: Wed, 28 Dec 2022 10:23:38 +0200
Subject: [PATCH] feat: migrate error pages

---
 components/ErrorPages/Error400.jsx | 20 --------------------
 components/ErrorPages/Error400.tsx | 24 ++++++++++++++++++++++++
 components/ErrorPages/Error500.jsx | 21 ---------------------
 components/ErrorPages/Error500.tsx | 29 +++++++++++++++++++++++++++++
 4 files changed, 53 insertions(+), 41 deletions(-)
 delete mode 100644 components/ErrorPages/Error400.jsx
 create mode 100644 components/ErrorPages/Error400.tsx
 delete mode 100644 components/ErrorPages/Error500.jsx
 create mode 100644 components/ErrorPages/Error500.tsx

diff --git a/components/ErrorPages/Error400.jsx b/components/ErrorPages/Error400.jsx
deleted file mode 100644
index ad8f246..0000000
--- a/components/ErrorPages/Error400.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-// 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
diff --git a/components/ErrorPages/Error400.tsx b/components/ErrorPages/Error400.tsx
new file mode 100644
index 0000000..db45ae4
--- /dev/null
+++ b/components/ErrorPages/Error400.tsx
@@ -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;
diff --git a/components/ErrorPages/Error500.jsx b/components/ErrorPages/Error500.jsx
deleted file mode 100644
index fc6b286..0000000
--- a/components/ErrorPages/Error500.jsx
+++ /dev/null
@@ -1,21 +0,0 @@
-// 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
diff --git a/components/ErrorPages/Error500.tsx b/components/ErrorPages/Error500.tsx
new file mode 100644
index 0000000..cd45563
--- /dev/null
+++ b/components/ErrorPages/Error500.tsx
@@ -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;