|
|
|
@ -106,13 +106,6 @@ const StockPage: React.FC = () => { |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 編集ボタンを押したときにダイアログを開く */ |
|
|
|
|
// const handleOpenEdit = () => {
|
|
|
|
|
// if (selectedRow) {
|
|
|
|
|
// setIsEditOpen(true);
|
|
|
|
|
// } else {
|
|
|
|
|
// alert("編集する食材を選択してください。");
|
|
|
|
|
// }
|
|
|
|
|
// };
|
|
|
|
|
// ダイアログを開く際に `selectedRow` の値を `editStock` にセット
|
|
|
|
|
const handleOpenEdit = () => { |
|
|
|
|
if (selectedRow) { |
|
|
|
@ -143,13 +136,13 @@ const StockPage: React.FC = () => { |
|
|
|
|
setIsEditOpen(false); // ダイアログを閉じる
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ダイアログを開く際に `selectedRow` の値を `editStock` にコピー
|
|
|
|
|
useEffect(() => { |
|
|
|
|
if (selectedRow) { |
|
|
|
|
setEditStock({ ...selectedRow }); |
|
|
|
|
} |
|
|
|
|
}, [selectedRow]); // `selectedRow` が変更されたら `editStock` に反映
|
|
|
|
|
|
|
|
|
|
// テキストフィールドの変更を検知
|
|
|
|
|
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => { |
|
|
|
|
if (editStock) { |
|
|
|
@ -159,6 +152,7 @@ const StockPage: React.FC = () => { |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** 編集ダイアログを閉じる */ |
|
|
|
|
const handleCloseEdit = () => { |
|
|
|
|
setIsEditOpen(false); |
|
|
|
@ -248,7 +242,7 @@ const StockPage: React.FC = () => { |
|
|
|
|
onChange={handleChange} |
|
|
|
|
/> |
|
|
|
|
<TextField |
|
|
|
|
label="賞味・消費期限" |
|
|
|
|
label="賞味・消費期限 (yyyy-MM-dd)" |
|
|
|
|
fullWidth |
|
|
|
|
margin="normal" |
|
|
|
|
name="expDate" |
|
|
|
@ -256,7 +250,7 @@ const StockPage: React.FC = () => { |
|
|
|
|
onChange={handleChange} |
|
|
|
|
/> |
|
|
|
|
<TextField |
|
|
|
|
label="購入日" |
|
|
|
|
label="購入日 (yyyy-MM-dd)" |
|
|
|
|
fullWidth |
|
|
|
|
margin="normal" |
|
|
|
|
name="buyDate" |
|
|
|
|