keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2024-11-17 06:19:27 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

added buttons in student page

Browse source
This commit is contained in:
Prince Kurt Laurence 2023-12-21 13:55:16 +08:00
parent ad6215d6d0
commit cd742b8822
1 changed files with 54 additions and 79 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

133
src/Components/DashboardPage/StudentTransactionButtons.tsx
View file

@ -1,13 +1,12 @@
import styles from "../../styles"; import styles from "../../styles";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { Button } from "@mui/material"; import { Button } from "@mui/material";
import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted"; import HourglassBottomIcon from '@mui/icons-material/HourglassBottom';
import AddToQueueIcon from "@mui/icons-material/AddToQueue"; import ThumbUpIcon from '@mui/icons-material/ThumbUp';
import NoteAddIcon from "@mui/icons-material/NoteAdd"; import CheckCircleIcon from '@mui/icons-material/CheckCircle';
import NoteIcon from "@mui/icons-material/Note"; import FlashOffIcon from '@mui/icons-material/FlashOff';
import ThumbDownIcon from '@mui/icons-material/ThumbDown';
import { colors } from "../../styles"; import { colors } from "../../styles";
import ScienceIcon from "@mui/icons-material/Science";
import ColorizeIcon from "@mui/icons-material/Colorize";
import Popup from "reactjs-popup"; import Popup from "reactjs-popup";
import AddItemModal from "../AddItemModal/AddItemModal"; import AddItemModal from "../AddItemModal/AddItemModal";
import AddSKUModal from "../AddSKUModal/AddSKUModal"; import AddSKUModal from "../AddSKUModal/AddSKUModal";
@ -28,6 +27,7 @@ export default function StudentTransactionButtons() {
> >
Equipments Equipments
</p> </p>
<div <div
style={{ style={{
...styles.flex_row, ...styles.flex_row,
@ -38,6 +38,38 @@ export default function StudentTransactionButtons() {
}, },
}} }}
> >
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
onClick={() => {
navigate("/view/equipment_instances");
}}
>
<HourglassBottomIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
Pending
</p>
</Button>
<Button <Button
style={{ style={{
...styles.flex_column, ...styles.flex_column,
@ -51,7 +83,7 @@ export default function StudentTransactionButtons() {
navigate("/view/equipment_instances"); navigate("/view/equipment_instances");
}} }}
> >
<FormatListBulletedIcon <ThumbUpIcon
style={{ style={{
height: 64, height: 64,
width: 64, width: 64,
@ -66,9 +98,10 @@ export default function StudentTransactionButtons() {
...styles.text_M, ...styles.text_M,
}} }}
> >
View All On-Borrow
</p> </p>
</Button> </Button>
<Button <Button
style={{ style={{
...styles.flex_column, ...styles.flex_column,
@ -79,10 +112,10 @@ export default function StudentTransactionButtons() {
}, },
}} }}
onClick={() => { onClick={() => {
SetAddItemModalOpen(true); navigate("/view/equipment_instances");
}} }}
> >
<AddToQueueIcon <CheckCircleIcon
style={{ style={{
height: 64, height: 64,
width: 64, width: 64,
@ -97,9 +130,10 @@ export default function StudentTransactionButtons() {
...styles.text_M, ...styles.text_M,
}} }}
> >
Add Item Completed
</p> </p>
</Button> </Button>
<Button <Button
style={{ style={{
...styles.flex_column, ...styles.flex_column,
@ -110,10 +144,10 @@ export default function StudentTransactionButtons() {
}, },
}} }}
onClick={() => { onClick={() => {
SetAddSKUModalOpen(true); navigate("/view/equipment_instances");
}} }}
> >
<NoteAddIcon <FlashOffIcon
style={{ style={{
height: 64, height: 64,
width: 64, width: 64,
@ -128,9 +162,10 @@ export default function StudentTransactionButtons() {
...styles.text_M, ...styles.text_M,
}} }}
> >
Add SKU Breakage
</p> </p>
</Button> </Button>
<Button <Button
style={{ style={{
...styles.flex_column, ...styles.flex_column,
@ -141,10 +176,10 @@ export default function StudentTransactionButtons() {
}, },
}} }}
onClick={() => { onClick={() => {
navigate("/view/equipments"); navigate("/view/equipment_instances");
}} }}
> >
<NoteIcon <ThumbDownIcon
style={{ style={{
height: 64, height: 64,
width: 64, width: 64,
@ -159,9 +194,10 @@ export default function StudentTransactionButtons() {
...styles.text_M, ...styles.text_M,
}} }}
> >
View SKUs Rejected
</p> </p>
</Button> </Button>
</div> </div>
<div <div
style={{ style={{
@ -173,68 +209,7 @@ export default function StudentTransactionButtons() {
}, },
}} }}
> >
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
>
<ScienceIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
onClick={() => {
navigate("/view/equipment_instances/filter/Glassware");
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
Glassware
</p>
</Button>
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
>
<ColorizeIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
onClick={() => {
navigate("/view/equipment_instances/filter/Miscellaneous");
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
Miscellaneous
</p>
</Button>
</div> </div>
<Popup <Popup
open={addSKUmodalOpen} open={addSKUmodalOpen}