keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2025-06-30 01:15:48 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Support very long strings being displayed in remarks for transactions

Browse source
This commit is contained in:
Keannu Christian Bernasol 2024-01-03 16:34:56 +08:00
parent e8864bc28c
commit 1281d8023f
3 changed files with 154 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -85,6 +85,9 @@ export default function TransactionsListPage() {
<TableCell align="center" style={styles.text_light}>
Status
</TableCell>
<TableCell align="center" style={styles.text_light}>
Remarks
</TableCell>
<TableCell align="center" style={styles.text_light}>
Equipments
</TableCell>
@ -141,6 +144,23 @@ export default function TransactionsListPage() {
>
{transaction.transaction_status}
</TableCell>
<TableCell
align="center"
component="th"
scope="row"
style={{ ...styles.text_S }}
sx={{
maxWidth: "64px",
flexWrap: "wrap",
wordWrap: "break-word",
}}
onClick={() => {
SetSelectedTransaction(transaction.id);
SetEditTransactionOpen(true);
}}
>
{transaction.remarks}
</TableCell>
<TableCell style={{ overflowY: "scroll" }} align="center">
<TableContainer component={Paper}>
<Table sx={{ minWidth: "4rem" }} size="medium">
@ -172,8 +192,13 @@ export default function TransactionsListPage() {
},
}}
onClick={() => {
SetEditTransactionOpen(false);
SetEditEquipmentsOpen(true);
if (
transaction.transaction_status ==
"With Breakages: Pending Resolution"
) {
SetEditTransactionOpen(false);
SetEditEquipmentsOpen(true);
}
}}
>
<TableCell