mirror of
https://github.com/lemeow125/Borrowing-TrackerFrontend.git
synced 2024-11-17 06:19:27 +08:00
Added initial dashboard and error pages
This commit is contained in:
parent
46fac86ee6
commit
9c4a5fd4fb
3 changed files with 26 additions and 2 deletions
12
src/App.tsx
12
src/App.tsx
|
@ -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 />,
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
|
13
src/Pages/DashboardPage/DashboardPage.tsx
Normal file
13
src/Pages/DashboardPage/DashboardPage.tsx
Normal 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>
|
||||||
|
);
|
||||||
|
}
|
3
src/Pages/ErrorPage/ErrorPage.tsx
Normal file
3
src/Pages/ErrorPage/ErrorPage.tsx
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
export default function ErrorPage() {
|
||||||
|
return <div>{"ErrorPage"}</div>;
|
||||||
|
}
|
Loading…
Reference in a new issue