ボタンの説明文の追加

frontend/src/pages/TaskListPage.tsx

@@ -58,7 +58,7 @@ const TaskListPage: React.FC = () => {
 
   //在庫登録ダイアログの表示状態
   const [openInfoDialog, setOpenInfoDialog] = useState(false);
-  
+
   const [selectedTask, setSelectedTask] = useState<ToBuy["tobuy_id"]>(0);
 
   const [newToBuy, setNewToBuy] = useState(EMPTY_TASK);
@@ -219,7 +219,11 @@ const TaskListPage: React.FC = () => {
         </List>
       </div>
       {/* 新規材料作成ボタン - 画面下部に固定表示 */}
-      <Tooltip title="材料のみ追加">
+      <Box sx={{ textAlign: 'center', position: 'fixed', bottom: 76, left: '40%', transform: 'translateX(-50%)' }}>
+        <Typography variant="caption" color="textSecondary">
+          材料のみ追加
+        </Typography>
+        </Box>
         <Fab
           color="primary"
           sx={{ position: 'fixed', bottom: 16, left: '40%', transform: 'translateX(-50%)' }}
@@ -227,22 +231,25 @@ const TaskListPage: React.FC = () => {
         >
           <AddIcon />
         </Fab>
-      </Tooltip>
+      
       {/*新規料理追加ボタン - 画面下部に固定表示 */}
-      <Tooltip title="料理から追加">
+      <Box sx={{ textAlign: 'center', position: 'fixed', bottom: 76, left: '60%', transform: 'translateX(-50%)' }}>
+        <Typography variant="caption" color="textSecondary">
+          料理から追加
+        </Typography>
+        </Box>
         <Fab
           color="primary"
           sx={{ position: 'fixed', bottom: 16, left: '60%', transform: 'translateX(-50%)' }}
-          onClick={() => {setOpenDialog(true);
+          onClick={() => {
-                        //handleNavigate('/AddDishies1');
+            setOpenDialog(true);
+            //handleNavigate('/AddDishies1');
           }}
-          //selected={isSelected('/test')}
+        //selected={isSelected('/test')}
-
-          
         >
           <SoupKitchenIcon />
         </Fab>
-      </Tooltip>
+      
 
       {/* 新規タスク作成ダイアログ */}
       <Dialog open={openDialog} onClose={() => setOpenDialog(false)} disableScrollLock={true}>
@@ -266,7 +273,7 @@ const TaskListPage: React.FC = () => {
               <Select
                 labelId="demo-simple-select-label"
                 value={newToBuy.category}
-                onChange={(e) => onChangeCategory(e.target.value) }
+                onChange={(e) => onChangeCategory(e.target.value)}
               >
                 <MenuItem value="乳製品">乳製品</MenuItem>
                 <MenuItem value="魚・肉">魚・肉</MenuItem>