diff --git a/src/pages/stock.tsx b/src/pages/stock.tsx index 68238ff810c166378e3b965d39e155938cd61d29..36ec83f42c681c3498db1ec395b4707299f531a4 100644 --- a/src/pages/stock.tsx +++ b/src/pages/stock.tsx @@ -26,14 +26,14 @@ const Stock = () => { }); }, []); - let updateProductQuantity = (productId, quantity) => { + const updateProductQuantity = (productId, quantity) => { let productsTemp = productsList; let product = productsTemp[productId]; product.stock = quantity; setProductsList([...productsTemp]); }; - let toggleEditMode = (productId) => { + const toggleEditMode = (productId) => { let productsTemp = productsList; let product = productsTemp[productId]; product.edit = product.edit === true ? false : true; @@ -45,6 +45,17 @@ const Stock = () => { } }; + const getPrice = (product: Product):string => { + let price = `${product.price.toFixed(2).replace(".", ",")} €`; + if (product.subscriberPrice !== undefined) { + price += ` / ${product.subscriberPrice.toFixed(2).replace(".", ",")} €`; + } else { + // Display the same price if there is not subscription price + price += ` / ${product.price.toFixed(2).replace(".", ",")} €`; + } + return price; + }; + return ( <div className="max-w-7xl mx-auto px-4 sm:px-6 md:px-8"> {rawProductList.length > 0 && @@ -121,7 +132,7 @@ const Stock = () => { <tr key={product.name} className={productIdx % 2 === 0 ? 'bg-white' : 'bg-gray-50'}> <td className="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">{product.name}</td> <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-500">{product.category}</td> - <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-500">{product.price.toFixed(2).replace(".", ",")}€ / {product?.subscriberPrice?.toFixed(2).replace(".", ",") ?? product.price.toFixed(2).replace(".", ",")} €</td> + <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-500">{getPrice(product)}</td> <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-500"> {product.edit ? <input