diff --git a/client/src/App.css b/client/src/App.css index 08dd2cd..ba438c4 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -272,11 +272,11 @@ color: #a5f3fc !important; } -.stock { +.quantity { font-weight: 600; } -.stock.low-stock { +.quantity.low-quantity { color: #ff6b6b !important; } diff --git a/client/src/components/products/Products.js b/client/src/components/products/Products.js index 26cbfd0..a95afb9 100644 --- a/client/src/components/products/Products.js +++ b/client/src/components/products/Products.js @@ -7,7 +7,7 @@ function Products({ products, loading, fetchProducts, fetchAnalytics }) { name: '', price: '', category: '', - stock: '', + quantity: '', description: '' }); const [search, setSearch] = useState(""); @@ -35,7 +35,7 @@ function Products({ products, loading, fetchProducts, fetchAnalytics }) { } try { const result = await API.products.create(newProduct); - setNewProduct({ name: '', price: '', category: '', stock: '', description: '' }); + setNewProduct({ name: '', price: '', category: '', quantity: '', description: '' }); fetchProducts(); fetchAnalytics(); toast.success('Product added successfully!'); @@ -70,9 +70,9 @@ function Products({ products, loading, fetchProducts, fetchAnalytics }) { /> setNewProduct({ ...newProduct, stock: e.target.value })} + placeholder="Quantity" + value={newProduct.quantity} + onChange={(e) => setNewProduct({ ...newProduct, quantity: e.target.value })} /> {product.name} ${product.price} {product.category} - Stock: {product.stock} + Quantity: {product.quantity} {product.description} ))
${product.price}
{product.category}
Stock: {product.stock}
Quantity: {product.quantity}
{product.description}