keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2025-05-17 11:58:14 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adjust CRUD actions according to backend changes

Browse source
This commit is contained in:
Keannu Christian Bernasol 2023-12-09 09:44:13 +08:00
parent a14b09f2a0
commit fd1eb8ac3b
6 changed files with 16 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,10 +3,6 @@ import styles from "../../styles";
import { useQueries } from "@tanstack/react-query";
import { EquipmentsAPI, EquipmentInstancesAPI } from "../../Components/API/API";
import { Button, CircularProgress } from "@mui/material";
import ComputerIcon from "@mui/icons-material/Computer";
import RouterIcon from "@mui/icons-material/Router";
import CameraOutdoorIcon from "@mui/icons-material/CameraOutdoor";
import ChairIcon from "@mui/icons-material/Chair";
import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
import AddToQueueIcon from "@mui/icons-material/AddToQueue";
import NoteAddIcon from "@mui/icons-material/NoteAdd";
@ -18,6 +14,8 @@ import { useState } from "react";
import AddSKUModal from "../../Components/AddSKUModal/AddSKUModal";
import Popup from "reactjs-popup";
import AddItemModal from "../../Components/AddItemModal/AddItemModal";
import ScienceIcon from "@mui/icons-material/Science";
import ColorizeIcon from "@mui/icons-material/Colorize";
export default function Dashboard() {
const navigate = useNavigate();
@ -388,7 +386,7 @@ export default function Dashboard() {
},
}}
>
<ComputerIcon
<ScienceIcon
style={{
height: 64,
width: 64,
@ -397,7 +395,7 @@ export default function Dashboard() {
marginRight: "1rem",
}}
onClick={() => {
navigate("/view/equipment_instances/filter/PC");
navigate("/view/equipment_instances/filter/Glassware");
}}
/>
<p
@ -406,7 +404,7 @@ export default function Dashboard() {
...styles.text_M,
}}
>
Workstations
Glassware
</p>
</Button>
<Button
@ -419,7 +417,7 @@ export default function Dashboard() {
},
}}
>
<RouterIcon
<ColorizeIcon
style={{
height: 64,
width: 64,
@ -428,7 +426,7 @@ export default function Dashboard() {
marginRight: "1rem",
}}
onClick={() => {
navigate("/view/equipment_instances/filter/NETWORKING");
navigate("/view/equipment_instances/filter/Miscellaneous");
}}
/>
<p
@ -437,70 +435,7 @@ export default function Dashboard() {
...styles.text_M,
}}
>
Networking
</p>
</Button>
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
onClick={() => {
navigate("/view/equipment_instances/filter/CCTV");
}}
>
<CameraOutdoorIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
CCTVs
</p>
</Button>
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
>
<ChairIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
onClick={() => {
navigate("/view/equipment_instances/filter/FURNITURE");
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
Furniture
Miscellaneous
</p>
</Button>
</div>