From 1a1b334f7ddedcef010dcba804e63d1e76d4aab9 Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Wed, 15 Feb 2023 00:32:29 +0800
Subject: [PATCH] Added other routes. No way to navigate to them yet

---
 src/App.tsx                      |  7 +++++++
 src/routes/Error/Error.tsx       | 13 +++++++++++++
 src/routes/Products/Products.tsx | 13 +++++++++++++
 3 files changed, 33 insertions(+)
 create mode 100644 src/routes/Error/Error.tsx
 create mode 100644 src/routes/Products/Products.tsx

diff --git a/src/App.tsx b/src/App.tsx
index f6fffe7..788ab9d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,7 @@
 import React from "react";
 import Dashboard from "./Routes/Dashboard/Dashboard";
+import Error from "./Routes/Error/Error";
+import Products from "./Routes/Products/Products";
 import Header from "./Components/Header/Header";
 import Container from "./Components/Container/Container";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
@@ -10,6 +12,11 @@ const router = createBrowserRouter([
   {
     path: "/",
     element: <Dashboard />,
+    errorElement: <Error />,
+  },
+  {
+    path: "/Products",
+    element: <Products />,
   },
 ]);
 
diff --git a/src/routes/Error/Error.tsx b/src/routes/Error/Error.tsx
new file mode 100644
index 0000000..c59095b
--- /dev/null
+++ b/src/routes/Error/Error.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import AppLogo from "../../Components/Icons/AppLogo/AppLogo";
+import styles from "../../styles";
+
+export default function Error() {
+  return (
+    <div style={styles.container}>
+      <AppLogo size={64} color="#6f9b78" />
+      <p style={styles.text}>Ivy - Inventory Manager</p>
+      <p style={styles.text}>Error 404: Page Not Found</p>
+    </div>
+  );
+}
diff --git a/src/routes/Products/Products.tsx b/src/routes/Products/Products.tsx
new file mode 100644
index 0000000..607cdc2
--- /dev/null
+++ b/src/routes/Products/Products.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import styles from "../../styles";
+import AppLogo from "../../Components/Icons/AppLogo/AppLogo";
+
+export default function Products() {
+  return (
+    <div style={styles.container}>
+      <AppLogo size={64} color="#6f9b78" />
+      <p style={styles.text}>Ivy - Inventory Manager</p>
+      <p style={styles.text}>Products Page</p>
+    </div>
+  );
+}