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 "./App.css";
import store from "./Components/Plugins/Redux/Store/Store";
const queryClient = new QueryClient();
import { ToastContainer } from "react-toastify";
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([
{
path: "/",
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>;
}