Remove price from UI

This commit is contained in:
continuist 2025-06-16 00:50:57 -04:00
parent 2a8949c2c1
commit bcd54103e3

View file

@ -28,7 +28,6 @@ export default function ProductsPage() {
const [formData, setFormData] = useState({
name: '',
description: '',
price: '',
});
useEffect(() => {
@ -47,19 +46,14 @@ export default function ProductsPage() {
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
try {
const productData = {
...formData,
price: parseFloat(formData.price),
};
if (editingProduct) {
await productApi.update(editingProduct.id, productData);
await productApi.update(editingProduct.id, formData);
} else {
await productApi.create(productData);
await productApi.create(formData);
}
setIsDialogOpen(false);
setEditingProduct(null);
setFormData({ name: '', description: '', price: '' });
setFormData({ name: '', description: '' });
loadProducts();
} catch (error) {
console.error('Error saving product:', error);
@ -71,7 +65,6 @@ export default function ProductsPage() {
setFormData({
name: product.name,
description: product.description,
price: product.price.toString(),
});
setIsDialogOpen(true);
};
@ -95,7 +88,7 @@ export default function ProductsPage() {
<DialogTrigger asChild>
<Button onClick={() => {
setEditingProduct(null);
setFormData({ name: '', description: '', price: '' });
setFormData({ name: '', description: '' });
}}>
Add Product
</Button>
@ -123,17 +116,6 @@ export default function ProductsPage() {
required
/>
</div>
<div className="space-y-2">
<Label htmlFor="price">Price</Label>
<Input
id="price"
type="number"
step="0.01"
value={formData.price}
onChange={(e) => setFormData({ ...formData, price: e.target.value })}
required
/>
</div>
<Button type="submit">{editingProduct ? 'Update' : 'Create'}</Button>
</form>
</DialogContent>
@ -146,7 +128,6 @@ export default function ProductsPage() {
<TableHead>ID</TableHead>
<TableHead>Name</TableHead>
<TableHead>Description</TableHead>
<TableHead>Price</TableHead>
<TableHead>Actions</TableHead>
</TableRow>
</TableHeader>
@ -156,7 +137,6 @@ export default function ProductsPage() {
<TableCell>{product.id}</TableCell>
<TableCell>{product.name}</TableCell>
<TableCell>{product.description}</TableCell>
<TableCell>${product.price.toFixed(2)}</TableCell>
<TableCell>
<div className="space-x-2">
<Button variant="outline" size="sm" onClick={() => handleEdit(product)}>