|
|
|
@ -26,12 +26,14 @@ const formatDateLocal = (date: Date) => { |
|
|
|
|
const BuyDialog = ({ |
|
|
|
|
openDialog, |
|
|
|
|
setOpenDialog, |
|
|
|
|
stuffName, |
|
|
|
|
newStock, |
|
|
|
|
setNewStock, |
|
|
|
|
onSubmit, |
|
|
|
|
}: { |
|
|
|
|
openDialog: boolean, |
|
|
|
|
setOpenDialog: (open: boolean) => void, |
|
|
|
|
stuffName: string, |
|
|
|
|
newStock: NewStock, |
|
|
|
|
setNewStock: (tobuy: NewStock) => void, |
|
|
|
|
onSubmit: () => void, |
|
|
|
@ -40,11 +42,21 @@ const BuyDialog = ({ |
|
|
|
|
return ( |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Dialog open={openDialog} onClose={() => setOpenDialog(false)} disableScrollLock={true} PaperProps={{ sx: { minHeight: '500px', maxHeight: '80vh' } }} |
|
|
|
|
<Dialog open={openDialog} onClose={() => setOpenDialog(false)} disableScrollLock={true} PaperProps={{ sx: { minHeight: '600px', maxHeight: '80vh' } }} |
|
|
|
|
> |
|
|
|
|
<DialogTitle>在庫登録</DialogTitle> |
|
|
|
|
<DialogContent> |
|
|
|
|
<Box sx={{ pt: 1 }}> |
|
|
|
|
{/* 材料名表示 */} |
|
|
|
|
<TextField |
|
|
|
|
margin="dense" |
|
|
|
|
label="材料名" |
|
|
|
|
fullWidth |
|
|
|
|
value={stuffName} |
|
|
|
|
disabled |
|
|
|
|
sx={{ marginBottom: 2 , marginTop: 2}} |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
{/* 価格入力フィールド */} |
|
|
|
|
<TextField |
|
|
|
|
autoFocus |
|
|
|
@ -58,6 +70,7 @@ const BuyDialog = ({ |
|
|
|
|
setNewStock({ ...newStock, price: value }) |
|
|
|
|
}; |
|
|
|
|
}} |
|
|
|
|
sx={{ marginBottom: 2 }} |
|
|
|
|
/> |
|
|
|
|
{/* 購入日・消費期限を横並びに */} |
|
|
|
|
<Box sx={{ display: 'flex', gap: 2, mb: 2 }}> |
|
|
|
|