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

Improve transaction entry component

Browse source
This commit is contained in:
Keannu Bernasol 2023-12-21 16:07:13 +08:00
parent eaa55f3ba7
commit a627fb1f8a
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/Components/TransactionEntry/TransactionEntry.tsx
View file

@ -45,8 +45,8 @@ export default function TransactionEntry(props: props) {
width: "384px",
backgroundColor: colors.header_color,
borderRadius: 16,
margin: "16px",
padding: "16px",
margin: "8px",
padding: "8px",
}}
>
<div style={styles.flex_row}>
@ -66,7 +66,7 @@ export default function TransactionEntry(props: props) {
...{ textAlign: "right", flex: 2 },
}}
>
Timestamp: {props.transaction.timestamp}
{props.transaction.timestamp}
</p>
</div>
<div style={styles.flex_row}>
@ -78,7 +78,8 @@ export default function TransactionEntry(props: props) {
...{ textAlign: "left", margin: 0 },
}}
>
Borrower: {props.transaction.borrower.name}
Borrower: {props.transaction.borrower.name}{" "}
{`(ID:${props.transaction.borrower.id})`}
</p>
<p
style={{
@ -87,10 +88,11 @@ export default function TransactionEntry(props: props) {
...{ textAlign: "left", margin: 0 },
}}
>
Teacher: {props.transaction.teacher.name}
Teacher: {props.transaction.teacher.name}{" "}
{`(ID:${props.transaction.teacher.id})`}
</p>
</div>
<div style={{ flex: 2 }}>
<div style={{ flex: 1 }}>
<p
style={{
...styles.text_dark,