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

Added update transaction modal and simplified error handling for update APIs

Browse source
This commit is contained in:
Keannu Christian Bernasol 2023-12-14 20:27:41 +08:00
parent d226d77306
commit d2521a628d
6 changed files with 258 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/Pages/TransactionsListPage/TransactionsListPage.tsx
View file

@ -13,6 +13,7 @@ import Paper from "@mui/material/Paper";
import { colors } from "../../styles";
import Popup from "reactjs-popup";
import { useState } from "react";
import EditTransactionModal from "../../Components/EditTransactionModal/EditTransactionModal";
export default function TransactionsListPage() {
const [EditTransactionOpen, SetEditTransactionOpen] = useState(false);
@ -162,7 +163,7 @@ export default function TransactionsListPage() {
<TableBody>
{transaction.equipments.map((equipment) => (
<TableRow
key={transaction.id}
key={equipment.id}
sx={{
"&:last-child td, &:last-child th": {
border: 0,
@ -210,7 +211,10 @@ export default function TransactionsListPage() {
position={"top center"}
contentStyle={styles.popup_center}
>
<p style={styles.text_dark}>Transaction Modal</p>
<EditTransactionModal
id={SelectedTransaction}
setOpen={SetEditTransactionOpen}
/>
</Popup>
<Popup
open={EditEquipmentsOpen}