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

Made SKU and item adding fully functional

Browse source
This commit is contained in:
Keannu Christian Bernasol 2023-12-02 21:31:15 +08:00
parent 614a9c4a24
commit 201822b271
5 changed files with 304 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -16,6 +16,7 @@ import { useNavigate } from "react-router-dom";
import { useState } from "react";
import AddSKUModal from "../../Components/AddSKUModal/AddSKUModal";
import Popup from "reactjs-popup";
import AddItemModal from "../../Components/AddItemModal/AddItemModal";
export default function Dashboard() {
const navigate = useNavigate();
@ -180,7 +181,7 @@ export default function Dashboard() {
>
{queries[1].data
? queries[1].data.filter(
(equipment) => equipment.status == "Working"
(equipment) => equipment.status == "WORKING"
).length
: 0}
</p>
@ -215,7 +216,7 @@ export default function Dashboard() {
>
{queries[1].data
? queries[1].data.filter(
(equipment) => equipment.status == "Broken"
(equipment) => equipment.status == "BROKEN"
).length
: 0}
</p>
@ -281,7 +282,7 @@ export default function Dashboard() {
},
}}
onClick={() => {
navigate("/add/equipment_instance");
SetAddItemModalOpen(true);
}}
>
<AddToQueueIcon
@ -509,6 +510,25 @@ export default function Dashboard() {
>
<AddSKUModal />
</Popup>
<Popup
open={additemmodalOpen}
onClose={() => SetAddItemModalOpen(false)}
modal
position={"top center"}
contentStyle={{
width: "512px",
borderRadius: 16,
borderColor: "grey",
borderStyle: "solid",
borderWidth: 1,
padding: 16,
alignContent: "center",
justifyContent: "center",
textAlign: "center",
}}
>
<AddItemModal />
</Popup>
</div>
);
}