Added initial dashboard and error pages

This commit is contained in:
Keannu Bernasol 2023-11-17 17:16:43 +08:00
parent 46fac86ee6
commit 9c4a5fd4fb
3 changed files with 26 additions and 2 deletions

View file

@ -4,14 +4,22 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { Provider } from "react-redux"; import { Provider } from "react-redux";
import "./App.css"; import "./App.css";
import store from "./Components/Plugins/Redux/Store/Store"; import store from "./Components/Plugins/Redux/Store/Store";
const queryClient = new QueryClient();
import { ToastContainer } from "react-toastify"; import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css"; import "react-toastify/dist/ReactToastify.css";
import ErrorPage from "./Pages/ErrorPage/ErrorPage";
import DashboardPage from "./Pages/DashboardPage/DashboardPage";
const queryClient = new QueryClient();
const router = createHashRouter([ const router = createHashRouter([
{ {
path: "/", path: "/",
element: <LandingPage />, element: <LandingPage />,
errorElement: <></>, errorElement: <ErrorPage />,
},
{
path: "/dashboard",
element: <DashboardPage />,
errorElement: <ErrorPage />,
}, },
]); ]);

View file

@ -0,0 +1,13 @@
import styles from "../../styles";
export default function Dashboard() {
return (
<div style={styles.background}>
<p style={{ ...styles.text_dark, ...styles.text_M }}>
CITC EQUIPMENT
<br />
TRACKER
</p>
</div>
);
}

View file

@ -0,0 +1,3 @@
export default function ErrorPage() {
return <div>{"ErrorPage"}</div>;
}