Merge remote-tracking branch 'origin/dev-frontend-在庫登録' into dev-frontend-top

frontend/src/pages/TaskListPage.tsx

@@ -47,6 +47,12 @@ const TaskListPage: React.FC = () => {
   const [openDialog, setOpenDialog] = useState(false);
   // 新規タスクの入力内容
   const [newTask, setNewTask] = useState(EMPTY_TASK);
+  //在庫登録ダイアログの表示状態
+  const [openInfoDialog, setOpenInfoDialog] = useState(false);
+  
+  const [selectedTask, setSelectedTask] = useState<Task>();
+
+
 
   // コンポーネントマウント時にタスク一覧を取得
   useEffect(() => {
@@ -257,7 +263,50 @@ const TaskListPage: React.FC = () => {
           </Button>
         </DialogActions>
       </Dialog>
+
+      {/*在庫登録のための数値入力ダイアログ */}
+      <Dialog open={openInfoDialog} onClose={() => setOpenInfoDialog(false)} disableScrollLock={true}>
+        <DialogTitle>在庫登録</DialogTitle>
+        <DialogContent>
+          <Box sx={{ pt: 1 }}>
+            {/* 価格入力フィールド */}
+            <TextField
+              autoFocus
+              margin="dense"
+              label="価格"
+              fullWidth
+            />
+            {/* 消費・賞味期限入力フィールド */}
+            <TextField
+              margin="dense"
+              label="消費・賞味期限(yyyy/MM/dd)"
+              fullWidth
+              multiline
+            />
+            {/* 購入日入力フィールド */}
+            <TextField
+              margin="dense"
+              label="購入日(yyyy/MM/dd)"
+              fullWidth
+              multiline
+            />
+          </Box>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setOpenInfoDialog(false)}>キャンセル</Button>
+          <Button onClick={() => {
+            if (selectedTask) {
+              handleDeleteTask(selectedTask.id)
+              setOpenInfoDialog(false)
+            }
+            }}
+            variant="contained">
+            登録
+          </Button>
+        </DialogActions>
+      </Dialog>
     </Container>
+    
   );
 };