AgileWebs/fendi-react-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add cancel button

Browse Source
This commit is contained in:
Rodolfo Ruiz 2025-06-04 20:17:54 -06:00
parent ee79740d8d
commit 0d63977b21
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/private/AddOrEditProductForm.jsx
View File

@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react';
import { Box, Button, TextField, Grid } from '@mui/material';
export default function AddOrEditProductForm({ onAdd, initialData }) {
export default function AddOrEditProductForm({ onAdd, initialData, onCancel }) {
const [product, setProduct] = useState({
name: '',
price: '',
@ -88,11 +88,13 @@ export default function AddOrEditProductForm({ onAdd, initialData }) {
onChange={handleChange}
margin="normal"
/>
<Box display="flex" justifyContent="flex-end" mt={2}>
<Button variant="contained" onClick={handleSubmit}>
Save
</Button>
<Box mt={2}>
{/* Fields... */}
<Box display="flex" justifyContent="flex-end" gap={1} mt={2}>
<Button onClick={onCancel}>Cancel</Button>
<Button variant="contained" onClick={handleSubmit}>Save</Button>
</Box>
</Box>
</Box>
);
}

2
src/private/Admin.jsx
View File

@ -89,7 +89,7 @@ export default function Admin({ children, maxWidth = 'lg', sx = {} }) {
<Dialog open={open} onClose={() => { setOpen(false); setEditingProduct(null); }} maxWidth="sm" fullWidth>
<DialogTitle>{editingProduct ? 'Edit Product' : 'Add Product'}</DialogTitle>
<DialogContent>
<AddOrEditProductForm onAdd={handleAddOrEditProduct} initialData={editingProduct} />
<AddOrEditProductForm onAdd={handleAddOrEditProduct} initialData={editingProduct} onCancel={() => { setOpen(false); setEditingProduct(null); }}/>
</DialogContent>
</Dialog>