|
|
|
@ -30,8 +30,7 @@ import { |
|
|
|
|
Add as AddIcon, Delete as DeleteIcon, ShoppingBasket as ShoppingBasketIcon, |
|
|
|
|
SoupKitchen as SoupKitchenIcon |
|
|
|
|
} from '@mui/icons-material'; |
|
|
|
|
import { Task, ToBuy, Stuff } from '../types/types'; |
|
|
|
|
import { TASK_ERRORS } from '../constants/errorMessages'; |
|
|
|
|
import { ToBuy, Stuff } from '../types/types'; |
|
|
|
|
import { GENERAL_ERRORS } from '../constants/errorMessages'; |
|
|
|
|
import CategoryDropDown from "../components/CategoryDropDown"; |
|
|
|
|
|
|
|
|
@ -56,9 +55,7 @@ const DishList: React.FC = () => { |
|
|
|
|
{ id: 3, name: '人参', amount:2 }, |
|
|
|
|
{ id: 4, name: '人参', amount:2 } |
|
|
|
|
]; |
|
|
|
|
// タスク一覧の状態管理
|
|
|
|
|
const [tasks, setTasks] = useState<Task[]>([]); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 画面表示用の食材情報配列
|
|
|
|
|
const [testDishArray, setTestDishArray] = useState<Dish[]>(testdish); |
|
|
|
|
|
|
|
|
@ -92,7 +89,7 @@ const DishList: React.FC = () => { |
|
|
|
|
setTestDishArray(testDishArrayCopy); |
|
|
|
|
// fetchTasks(); // 削除後のタスク一覧を再取得
|
|
|
|
|
} catch (error) { |
|
|
|
|
console.error(`${TASK_ERRORS.DELETE_FAILED}:`, error); |
|
|
|
|
// console.error(`${TASK_ERRORS.DELETE_FAILED}:`, error);
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// コンポーネントマウント時にタスク一覧を取得
|
|
|
|
@ -116,9 +113,9 @@ const DishList: React.FC = () => { |
|
|
|
|
const fetchTasks = async () => { |
|
|
|
|
try { |
|
|
|
|
const tobuys = await toBuyApi.getToBuys(); |
|
|
|
|
setToBuys(tobuys.tobuy_array); |
|
|
|
|
setToBuys(tobuys); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.error(`${TASK_ERRORS.FETCH_FAILED}:`, error); |
|
|
|
|
// console.error(`${TASK_ERRORS.FETCH_FAILED}:`, error);
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
return ( |
|
|
|
|