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:20:30 +08:00
parent 26dc30f59d
commit 09e048c824
1 changed files with 36 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -9,6 +9,7 @@ import CameraOutdoorIcon from "@mui/icons-material/CameraOutdoor";
import ChairIcon from "@mui/icons-material/Chair"; 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 { 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() {
@ -88,7 +89,7 @@ export default function Dashboard() {
...{ float: "left", position: "absolute" }, ...{ float: "left", position: "absolute" },
}} }}
> >
Equipment Types in Database SKUs in Database
</p> </p>
<p <p
@ -119,7 +120,7 @@ export default function Dashboard() {
...{ float: "left", position: "absolute" }, ...{ float: "left", position: "absolute" },
}} }}
> >
Equipment Count Item Count
</p> </p>
<p <p
@ -161,7 +162,7 @@ export default function Dashboard() {
...{ float: "left", position: "absolute" }, ...{ float: "left", position: "absolute" },
}} }}
> >
Working Items Functional Item
</p> </p>
<p <p
@ -291,7 +292,38 @@ export default function Dashboard() {
...styles.text_M, ...styles.text_M,
}} }}
> >
Add Equipment Add Item
</p>
</Button>
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
onClick={() => {
navigate("/add/equipment");
}}
>
<NoteAddIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
Add SKU
</p> </p>
</Button> </Button>
</div> </div>