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

transferred skus

Browse source
This commit is contained in:
psofia 2024-01-06 15:40:12 +08:00
parent 8cf356ff05
commit 675a1f0716
2 changed files with 66 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx
View file

@ -99,7 +99,7 @@ export default function TechnicianEquipmentButtons() {
Add Item Add Item
</p> </p>
</Button> */} </Button> */}
<Button {/* <Button
style={{ style={{
...styles.flex_column, ...styles.flex_column,
...{ ...{
@ -129,7 +129,7 @@ export default function TechnicianEquipmentButtons() {
> >
Add SKU Add SKU
</p> </p>
</Button> </Button> */}
<Button <Button
style={{ style={{
...styles.flex_column, ...styles.flex_column,
@ -267,7 +267,7 @@ export default function TechnicianEquipmentButtons() {
</p> </p>
</Button> */} </Button> */}
</div> </div>
<Popup {/* <Popup
open={addSKUmodalOpen} open={addSKUmodalOpen}
onClose={() => SetAddSKUModalOpen(false)} onClose={() => SetAddSKUModalOpen(false)}
modal modal
@ -285,7 +285,7 @@ export default function TechnicianEquipmentButtons() {
}} }}
> >
<AddSKUModal /> <AddSKUModal />
</Popup> </Popup> */}
{/* <Popup {/* <Popup
open={additemmodalOpen} open={additemmodalOpen}
onClose={() => SetAddItemModalOpen(false)} onClose={() => SetAddItemModalOpen(false)}

62
src/Pages/EquipmentListPage/EquipmentListPage.tsx
View file

@ -14,10 +14,16 @@ import { colors } from "../../styles";
import EditSKUModal from "../../Components/EditSKUModal/EditSKUModal"; import EditSKUModal from "../../Components/EditSKUModal/EditSKUModal";
import Popup from "reactjs-popup"; import Popup from "reactjs-popup";
import { useState } from "react"; import { useState } from "react";
import NoteAddIcon from "@mui/icons-material/NoteAdd";
import { Button } from "@mui/material";
import AddSKUModal from "../../Components/AddSKUModal/AddSKUModal";
export default function EquipmentListPage() { export default function EquipmentListPage() {
const [editmodalOpen, SetEditModalOpen] = useState(false); const [editmodalOpen, SetEditModalOpen] = useState(false);
const [selectedItem, SetSelectedItem] = useState(0); const [selectedItem, SetSelectedItem] = useState(0);
const [addSKUmodalOpen, SetAddSKUModalOpen] = useState(false);
const equipments = useQuery({ const equipments = useQuery({
queryKey: ["equipments"], queryKey: ["equipments"],
queryFn: EquipmentsAPI, queryFn: EquipmentsAPI,
@ -64,7 +70,63 @@ export default function EquipmentListPage() {
minWidth: "100%", minWidth: "100%",
flexWrap: "wrap", flexWrap: "wrap",
}} }}
> >
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
onClick={() => {
SetAddSKUModalOpen(true);
}}
>
<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>
<Popup
open={addSKUmodalOpen}
onClose={() => SetAddSKUModalOpen(false)}
modal
position={"top center"}
contentStyle={{
width: "32rem",
borderRadius: 16,
borderColor: "grey",
borderStyle: "solid",
borderWidth: 1,
padding: 16,
alignContent: "center",
justifyContent: "center",
textAlign: "center",
}}
>
<AddSKUModal />
</Popup>
<TableContainer <TableContainer
style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }} style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}
component={Paper} component={Paper}