#15- 404 Page

client/src/main.tsx

@@ -13,6 +13,7 @@ import {
 } from "./pages";
 import { AccountProvider } from "./context";
 import "./index.scss";
+import PageError from "./pages/PageError/PageError";
 
 const router = createBrowserRouter([
   {
@@ -44,8 +45,8 @@ const router = createBrowserRouter([
     element: <CreateProduct />,
   },
   {
-    path: "*",
-    element: <div>404</div>,
+    path: "/404-page",
+    element: <PageError />,
   },
 ]);
 

client/src/pages/PageError/PageError.tsx

@@ -0,0 +1,17 @@
+import { Page } from "../../components";
+import "./PageError.style.scss";
+
+function PageError() {
+  return (
+    <Page>
+      <div className="404-page">
+        <center>
+          <h1>404:NOT FOUND</h1>
+          <img src="error.gif"></img>
+        </center>
+      </div>
+    </Page>
+  );
+}
+
+export default PageError;

client/src/pages/PageError/index.ts

@@ -0,0 +1 @@
+export { default as PageError} from "./PageError";