keannu125/Ivy-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Ivy-Frontend.git synced 2024-11-16 22:29:24 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added other routes. No way to navigate to them yet

Browse source
This commit is contained in:
Keannu Bernasol 2023-02-15 00:32:29 +08:00
parent 32e7ab8830
commit 1a1b334f7d
3 changed files with 33 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/App.tsx
View file

@ -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 />,
},
]);

13
src/routes/Error/Error.tsx Normal file
View file

@ -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>
);
}

13
src/routes/Products/Products.tsx Normal file
View file

@ -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>
);
}