keannu125/EquipmentTracker-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/EquipmentTracker-Frontend.git synced 2024-11-17 06:09:25 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved dashboard

Browse source
This commit is contained in:
Keannu Bernasol 2023-12-02 19:25:24 +08:00
parent 09e048c824
commit 791f11b802
3 changed files with 46 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/App.tsx
View file

@ -13,6 +13,7 @@ import ActivationPage from "./Pages/ActivationPage/ActivationPage";
import ResetPasswordPage from "./Pages/ResetPasswordPage/ResetPasswordPage"; import ResetPasswordPage from "./Pages/ResetPasswordPage/ResetPasswordPage";
import EquipmentInstancesListPage from "./Pages/EquipmentInstancesListPage/EquipmentInstancesListPage"; import EquipmentInstancesListPage from "./Pages/EquipmentInstancesListPage/EquipmentInstancesListPage";
import AddEquipmentInstancePage from "./Pages/AddEquipmentInstancePage/AddEquipmentInstancePage"; import AddEquipmentInstancePage from "./Pages/AddEquipmentInstancePage/AddEquipmentInstancePage";
import AddEquipmentPage from "./Pages/AddEquipmentPage/AddEquipmentPage";
const queryClient = new QueryClient(); const queryClient = new QueryClient();
const router = createHashRouter([ const router = createHashRouter([
@ -56,6 +57,16 @@ const router = createHashRouter([
), ),
errorElement: <ErrorPage />, errorElement: <ErrorPage />,
}, },
{
path: "/add/equipment",
element: (
<>
<Revalidator />
<AddEquipmentPage />
</>
),
errorElement: <ErrorPage />,
},
{ {
path: "/activation/:uid/:token", path: "/activation/:uid/:token",
element: ( element: (

3
src/Pages/AddEquipmentPage/AddEquipmentPage.tsx Normal file
View file

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

32
src/Pages/DashboardPage/DashboardPage.tsx
View file

@ -10,6 +10,7 @@ import ChairIcon from "@mui/icons-material/Chair";
import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted"; import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
import AddToQueueIcon from "@mui/icons-material/AddToQueue"; import AddToQueueIcon from "@mui/icons-material/AddToQueue";
import NoteAddIcon from "@mui/icons-material/NoteAdd"; import NoteAddIcon from "@mui/icons-material/NoteAdd";
import NoteIcon from "@mui/icons-material/Note";
import { colors } from "../../styles"; import { colors } from "../../styles";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
export default function Dashboard() { export default function Dashboard() {
@ -326,6 +327,37 @@ export default function Dashboard() {
Add SKU Add SKU
</p> </p>
</Button> </Button>
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
onClick={() => {
navigate("/view/equipments");
}}
>
<NoteIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
View SKUs
</p>
</Button>
</div> </div>
<div <div