keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2024-11-16 22:09:29 +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 FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
import AddToQueueIcon from "@mui/icons-material/AddToQueue";
import NoteAddIcon from "@mui/icons-material/NoteAdd";
import { colors } from "../../styles";
import { useNavigate } from "react-router-dom";
export default function Dashboard() {
@ -88,7 +89,7 @@ export default function Dashboard() {
...{ float: "left", position: "absolute" },
}}
>
Equipment Types in Database
SKUs in Database
</p>
<p
@ -119,7 +120,7 @@ export default function Dashboard() {
...{ float: "left", position: "absolute" },
}}
>
Equipment Count
Item Count
</p>
<p
@ -161,7 +162,7 @@ export default function Dashboard() {
...{ float: "left", position: "absolute" },
}}
>
Working Items
Functional Item
</p>
<p
@ -291,7 +292,38 @@ export default function Dashboard() {
...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>
</Button>
</div>