keannu125/Ivy-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Ivy-Frontend.git synced 2024-11-16 22:29:24 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Made stocks color responsive to input

Browse source
This commit is contained in:
keannu125 2023-03-02 22:29:30 +08:00
parent fec3d9a47d
commit 3bd532c02c
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -22,36 +22,36 @@ export default function Inventory() {
}
}
function StockRender(in_stock: number) {
const [stock, setStock] = useState("" + in_stock);
if (in_stock > 0 && in_stock < 3) {
const [stock, setStock] = useState(in_stock);
if (stock >= 0 && stock <= 3) {
return (
<TableCell style={styles.text_red}>
<TableCell>
<input
style={{
...styles.text,
...styles.text_red,
...{ border: "none", background: "none" },
}}
value={stock}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
if (is_number(e.target.value) === true) {
setStock(e.target.value);
setStock(parseInt(e.target.value));
}
}}
/>
</TableCell>
);
} else if (in_stock > 3 && in_stock < 9) {
} else if (stock >= 4 && stock < 9) {
return (
<TableCell style={styles.text_orange}>
<TableCell>
<input
style={{
...styles.text,
...styles.text_orange,
...{ border: "none", background: "none" },
}}
value={stock}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
if (is_number(e.target.value) === true) {
setStock(e.target.value);
setStock(parseInt(e.target.value));
}
}}
/>
@ -59,16 +59,16 @@ export default function Inventory() {
);
} else {
return (
<TableCell style={styles.text_green}>
<TableCell>
<input
style={{
...styles.text,
...styles.text_green,
...{ border: "none", background: "none" },
}}
value={stock}
onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
if (is_number(e.target.value) === true) {
setStock(e.target.value);
setStock(parseInt(e.target.value));
}
}}
/>