料理追加へのボタン推移

frontend/src/pages/AddDishies1.tsx

@@ -0,0 +1,13 @@
+
+import React from 'react';
+import { Box } from '@mui/material';
+
+const AddDishies1: React.FC = () => {
+  return (
+    <Box>
+      {/* 白紙のページ - 何も表示しない */}
+    </Box>
+  );
+};
+
+export default AddDishies1;

frontend/src/pages/TaskListPage.tsx

@@ -4,6 +4,7 @@
  */
 import React, { useState, useEffect } from 'react';
 import { toBuyApi, stuffApi } from '../services/api';
+import { useNavigate, Outlet, useLocation } from 'react-router-dom';
 import {
   Container,
   Typography,
@@ -36,7 +37,7 @@ import {
 import { Task, ToBuy, Stuff } from '../types/types';
 import { TASK_ERRORS } from '../constants/errorMessages';
 //import { FaCarrot } from "react-icons/fa6";　//エラー起きる　いったん保留
-import CategoryDropDown from "../components/CategoryDropDown";
+import handleNavigate from "../components/Layout";
 
 
 
@@ -227,7 +228,12 @@ const TaskListPage: React.FC = () => {
         <Fab
           color="primary"
           sx={{ position: 'fixed', bottom: 16, left: '60%', transform: 'translateX(-50%)' }}
-          onClick={() => setOpenDialog(true)}
+          onClick={() => {setOpenDialog(true);
+                        //handleNavigate('/AddDishies1');
+          }}
+          //selected={isSelected('/test')}
+
+          
         >
           <SoupKitchenIcon />
         </Fab>