数量変更ボタンの追加

frontend/src/pages/TaskListPage.tsx

@@ -32,7 +32,7 @@ import {
 } from '@mui/material';
 import {
   Add as AddIcon, Delete as DeleteIcon, ShoppingBasket as ShoppingBasketIcon,
-  SoupKitchen as SoupKitchenIcon
+  SoupKitchen as SoupKitchenIcon, Edit as EditIcon
 } from '@mui/icons-material';
 import { ToBuy, Stuff, Stock } from '../types/types';
 import { TOBUY_ERRORS } from '../constants/errorMessages';
@@ -194,13 +194,28 @@ const TaskListPage: React.FC = () => {
                   textDecoration: false ? 'line-through' : 'none',
                 }}
               />
-              {/* 買い物リスト：食材情報記入ボタン */}
               <ListItemSecondaryAction>
+                {/* 買い物リスト：数量変更ボタン */}
+                <Tooltip title="数量変更">
+                  <IconButton
+                    edge="end"
+                    aria-label="数量変更"
+                    sx={{ marginRight: 2 }}
+                    onClick={() => {
+                      setOpenInfoDialog(true)
+                      //setSelectedTask(tobuy.tobuyId)
+                      // handleDeleteTask(tobuy.tobuyId)
+                    }}
+                  >
+                    <EditIcon />
+                  </IconButton>
+                </Tooltip>
+                {/* 買い物リスト：食材情報記入ボタン */}
                 <Tooltip title="食材情報追加">
                   <IconButton
                     edge="end"
                     aria-label="食材情報追加"
-                    //sx={{ marginRight: 2 }}
+                    //sx={{ marginRight: 3 }}
                     onClick={() => {
                       setOpenInfoDialog(true)
                       setSelectedTask(tobuy.tobuyId)