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