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

Improved tally page

Browse source
This commit is contained in:
Keannu Bernasol 2024-01-05 19:31:37 +08:00
parent 0d32ce61cb
commit ff18a7a60c
1 changed files with 35 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/Pages/EquipmentTallyPage/EquipmentTallyPage.tsx
View file

@ -194,13 +194,41 @@ export default function EquipmentTallyPage() {
{equipment.category}
</TableCell>
<TableCell align="center" component="th" scope="row">
{
equipment_instances.data?.filter(
(equipment_instance) =>
equipment_instance.equipment_name ==
equipment.name
).length
}
<div style={styles.flex_column}>
<p style={{ ...styles.text_dark, ...styles.text_S }}>
Available:
{
equipment_instances.data?.filter(
(equipment_instance) =>
equipment_instance.equipment_name ==
equipment.name &&
equipment_instance.status == "Available"
).length
}
</p>
<p style={{ ...styles.text_dark, ...styles.text_S }}>
Pending:
{
equipment_instances.data?.filter(
(equipment_instance) =>
equipment_instance.equipment_name ==
equipment.name &&
equipment_instance.status == "Pending"
).length
}
</p>
<p style={{ ...styles.text_dark, ...styles.text_S }}>
Broken:
{
equipment_instances.data?.filter(
(equipment_instance) =>
equipment_instance.equipment_name ==
equipment.name &&
equipment_instance.status == "Broken"
).length
}
</p>
</div>
</TableCell>
</TableRow>
))