keannu125/Ivy-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Ivy-Frontend.git synced 2025-05-14 10:31:07 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Reimplemented color values for stocks in Inventory page

Browse source
This commit is contained in:
Keannu Christian Bernasol 2023-03-02 22:03:44 +08:00
parent 3f8e91f44d
commit 1c8e7c9b5a
2 changed files with 15 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/routes/Inventory/Inventory.tsx
View file

@ -13,6 +13,15 @@ import {
import { SampleInventoryData } from "../../Components/SampleData/SampleData";
export default function Inventory() {
function change_color(in_stock: number) {
if (in_stock > 0 && in_stock < 3) {
return <TableCell style={styles.text_red}>{in_stock}</TableCell>;
} else if (in_stock > 3 && in_stock < 9) {
return <TableCell style={styles.text_orange}>{in_stock}</TableCell>;
} else {
return <TableCell style={styles.text_green}>{in_stock}</TableCell>;
}
}
return (
<div style={{ margin: 32, height: "100%" }}>
<div style={styles.content_row}>
@ -41,7 +50,7 @@ export default function Inventory() {
>
<TableCell style={styles.text}>{row.id}</TableCell>
<TableCell style={styles.text}>{row.name}</TableCell>
<TableCell style={styles.text}>{row.in_stock}</TableCell>
{change_color(row.in_stock)}
</TableRow>
))}
</TableBody>