diff --git a/frontend/src/constants/errorMessages.ts b/frontend/src/constants/errorMessages.ts index 909bbfa..0aa0f98 100644 --- a/frontend/src/constants/errorMessages.ts +++ b/frontend/src/constants/errorMessages.ts @@ -14,18 +14,37 @@ export const AUTH_ERRORS = { REGISTER_FAILED: 'ユーザー登録に失敗しました', }; -// タスク関連のエラーメッセージ -export const TASK_ERRORS = { - FETCH_FAILED: 'タスクの取得に失敗しました', - CREATE_FAILED: 'タスクの作成に失敗しました', - UPDATE_FAILED: 'タスクの更新に失敗しました', - DELETE_FAILED: 'タスクの削除に失敗しました', -}; - // 買うものリスト関連のエラーメッセージ export const TOBUY_ERRORS = { FETCH_FAILED: '買うものリストの取得に失敗しました', CREATE_FAILED: '買うものリストの作成に失敗しました', UPDATE_FAILED: '買うものリストの更新に失敗しました', DELETE_FAILED: '買うものリストの削除に失敗しました', + BUY_FAILED: '買うものリストの購入処理に失敗しました', +}; + +// 材料リスト関連のエラーメッセージ（料理の追加編集で用いる） +export const STUFF_ERRORS = { + FETCH_FAILED: '材料リストの取得に失敗しました', + CREATE_FAILED: '材料リストの作成に失敗しました', + UPDATE_FAILED: '材料リストの更新に失敗しました', + DELETE_FAILED: '材料リストの削除に失敗しました', + BUY_FAILED: '材料リストの購入処理に失敗しました', }; + +// 在庫リスト関連のエラーメッセージ +export const STOCK_ERRORS = { + FETCH_FAILED: '在庫リストの取得に失敗しました', + CREATE_FAILED: '在庫リストの作成に失敗しました', + UPDATE_FAILED: '在庫リストの更新に失敗しました', + DELETE_FAILED: '在庫リストの削除に失敗しました', + BUY_FAILED: '在庫リストの購入処理に失敗しました', +}; + +// // タスク関連のエラーメッセージ +// export const TASK_ERRORS = { +// FETCH_FAILED: 'タスクの取得に失敗しました', +// CREATE_FAILED: 'タスクの作成に失敗しました', +// UPDATE_FAILED: 'タスクの更新に失敗しました', +// DELETE_FAILED: 'タスクの削除に失敗しました', +// }; \ No newline at end of file diff --git a/frontend/src/pages/AddDishes2.tsx b/frontend/src/pages/AddDishes2.tsx index d8aa62c..123f8b7 100644 --- a/frontend/src/pages/AddDishes2.tsx +++ b/frontend/src/pages/AddDishes2.tsx @@ -3,7 +3,7 @@ * 白紙の状態で表示されるテスト用のページ */ import React, { useState, useEffect } from 'react'; -import { taskApi, toBuyApi } from '../services/api'; +import { toBuyApi } from '../services/api'; import { Container, Typography, @@ -31,8 +31,7 @@ import { Add as AddIcon, Delete as DeleteIcon, ShoppingBasket as ShoppingBasketIcon, SoupKitchen as SoupKitchenIcon } from '@mui/icons-material'; -import { Task } from '../types/types'; -import { TASK_ERRORS } from '../constants/errorMessages'; +import { STUFF_ERRORS } from '../constants/errorMessages'; import { GENERAL_ERRORS } from '../constants/errorMessages'; import CategoryDropDown from "../components/CategoryDropDown"; @@ -42,7 +41,7 @@ const EMPTY_TASK = { id: 0, title: '', amount: 0, completed: false }; // 新規タスクの初期状態(データベース登録用) const EMPTY_TASK_DATA_BASE = { id: 0, title: '', amount: 0, completed: false }; -interface Empty_Task { +interface Stuff { title: string; // 食材名 amount: number; // 食材の個数 completed: boolean; // @@ -51,9 +50,9 @@ interface Empty_Task { const AddDishes2: React.FC = () => { const receivedData = localStorage.getItem("dishName"); // タスク一覧の状態管理 - const [tasks, setTasks] = useState([]); + const [tasks, setTasks] = useState([]); - const [addtasks, setAddTasks] = useState([]); + const [addtasks, setAddTasks] = useState([]); // エラーメッセージの状態管理 const [error, setError] = useState(false); // 新規タスク作成ダイアログの表示状態 @@ -61,23 +60,23 @@ const AddDishes2: React.FC = () => { // 新規タスクの入力内容 const [newTask, setNewTask] = useState(EMPTY_TASK); - // コンポーネントマウント時にタスク一覧を取得 - useEffect(() => { - fetchTasks(); - }, []); + // // コンポーネントマウント時にタスク一覧を取得 + // useEffect(() => { + // fetchTasks(); + // }, []); - /** - * APIからタスク一覧を取得する関数 - * 取得したタスクをstate(tasks)に設定 - */ - const fetchTasks = async () => { - try { - const tasks = await taskApi.getTasks(); - setTasks(tasks); - } catch (error) { - console.error(`${TASK_ERRORS.FETCH_FAILED}:`, error); - } - }; + // /** + // * APIからタスク一覧を取得する関数 + // * 取得したタスクをstate(tasks)に設定 + // */ + // const fetchTasks = async () => { + // try { + // const tasks = await taskApi.getTasks(); + // setTasks(tasks); + // } catch (error) { + // console.error(`${TASK_ERRORS.FETCH_FAILED}:`, error); + // } + // }; /** * タスクを削除するハンドラー * 指定されたIDのタスクをAPIを通じて削除 @@ -89,7 +88,7 @@ const AddDishes2: React.FC = () => { setAddTasks(newAddTasks); // fetchTasks(); // 削除後のタスク一覧を再取得 } catch (error) { - console.error(`${TASK_ERRORS.DELETE_FAILED}:`, error); + console.error(`${STUFF_ERRORS.DELETE_FAILED}:`, error); } }; @@ -120,7 +119,7 @@ const AddDishes2: React.FC = () => { setNewTask(EMPTY_TASK); // 入力内容をリセット // fetchTasks(); // 作成後のタスク一覧を再取得 } catch (error) { - console.error(`${TASK_ERRORS.CREATE_FAILED}:`, error); + console.error(`${STUFF_ERRORS.CREATE_FAILED}:`, error); } }; @@ -134,7 +133,7 @@ const AddDishes2: React.FC = () => { setNewTask(EMPTY_TASK); // 入力内容をリセット // fetchTasks(); // 作成後のタスク一覧を再取得 } catch (error) { - console.error(`${TASK_ERRORS.CREATE_FAILED}:`, error); + console.error(`${STUFF_ERRORS.CREATE_FAILED}:`, error); } }; diff --git a/frontend/src/services/api.ts b/frontend/src/services/api.ts index f214404..916729d 100644 --- a/frontend/src/services/api.ts +++ b/frontend/src/services/api.ts @@ -3,8 +3,8 @@ * バックエンドAPIとの通信を担当するモジュール * 認証、タスク管理などの機能を提供 */ -import { LoginCredentials, RegisterCredentials, AuthResponse, Task, ToBuy, Stuff, Stock } from '../types/types'; -import { AUTH_ERRORS, TASK_ERRORS, TOBUY_ERRORS } from '../constants/errorMessages'; +import { LoginCredentials, RegisterCredentials, AuthResponse, /* Task, */ ToBuy, Stuff, Stock } from '../types/types'; +import { AUTH_ERRORS, TOBUY_ERRORS, STOCK_ERRORS } from '../constants/errorMessages'; // APIのベースURL - 環境変数から取得するか、デフォルト値を使用 const API_BASE_URL = process.env.REACT_APP_API_BASE_URL || 'http://localhost:8080'; @@ -153,6 +153,30 @@ export const toBuyApi = { // "result": true // } }, + + /** + * 買うものリストの在庫登録（購入処理） + */ + buy: async (req: {tobuyId: number, price: number, expDate: string, buyDate: string, lastUpdate: string}): Promise<{ result: boolean }> => { + + console.log('req: ', req) + + req.buyDate = makeDateObject(req.buyDate)?.toISOString()?.substring(0, 10) || '' + req.expDate = makeDateObject(req.expDate)?.toISOString()?.substring(0, 10) || '' + + const response = await fetch(`${API_BASE_URL}/api/tobuy/buy`, { + method: 'POST', + headers: getHeaders(), + body: JSON.stringify(req), + }); + + if (!response.ok) { + throw new Error(TOBUY_ERRORS.BUY_FAILED); + } + + return response.json() + }, + } export const stuffApi = { @@ -202,138 +226,120 @@ export const stockApi = { * @returns 買在庫リスト一覧 */ getStocks: async (): Promise => { - const response = await fetch(`${API_BASE_URL}/api/tobuy/get`, { + const response = await fetch(`${API_BASE_URL}/api/stocks/get`, { headers: getHeaders(), // 認証トークンを含むヘッダー }); if (!response.ok) { - throw new Error(TASK_ERRORS.FETCH_FAILED); + throw new Error(STOCK_ERRORS.FETCH_FAILED); } return response.json(); - // return { - // "stock_array": [ - // { - // "stockId": 1, - // "stuffId": 10, - // "stuffName": "豚肉", - // "amount": 100, - // "price": 200, - // "buyDate": "2025-05-18T09:00:00.000Z", - // "lastUpdate": "2025-05-18T09:00:00.000Z", - // "expDate": "2025-05-19T10:15:00.000Z", - // "category": "肉" - // }, - // { - // "stockId": 2, - // "stuffId": 1, - // "stuffName": "トマト", - // "amount": 10, - // "price": 200, - // "buyDate": "2025-05-18T09:00:00.000Z", - // "lastUpdate": "2025-05-18T09:00:00.000Z", - // "expDate": "2025-05-19T10:15:00.000Z", - // "category": "野菜" - // } - // ] - // } - - }, } -/** - * (サンプル，実際には不要) - * タスク管理関連のAPI機能を提供するオブジェクト - * タスクの取得、作成、更新、削除などの機能を含む - */ -export const taskApi = { - /** - * 全タスクを取得 - * @returns タスク一覧 - */ - getTasks: async (): Promise => { - const response = await fetch(`${API_BASE_URL}/api/tasks`, { - headers: getHeaders(), // 認証トークンを含むヘッダー - }); - - if (!response.ok) { - throw new Error(TASK_ERRORS.FETCH_FAILED); - } - - return response.json(); - }, - - /** - * 指定IDのタスクを取得 - * @param id タスクID - * @returns 単一のタスク情報 - */ - getTask: async (id: number): Promise => { - const response = await fetch(`${API_BASE_URL}/api/tasks/${id}`, { - headers: getHeaders(), - }); - - if (!response.ok) { - throw new Error(TASK_ERRORS.FETCH_FAILED); +function makeDateObject(dateStr: String) { + // 例: '2025/06/15' または '2025-06-15' を '2025-06-15' に変換 + const parts = dateStr.split(/[-\/]/); // ハイフンかスラッシュで分割 + if (parts.length === 3) { + return new Date(parts[0] + '-' + parts[1] + '-' + parts[2]); } + return null; // 無効な日付の場合 +} - return response.json(); - }, - - /** - * 新規材料を作成 - * @param task 作成するタスク情報（価格,作成日時、更新日時は除外） - * @returns 作成されたタスク情報 - */ - addStuff: async (task: Omit): Promise => { - const response = await fetch(`${API_BASE_URL}/api/tubuy/add`, { - method: 'POST', - headers: getHeaders(), - body: JSON.stringify(task), - }); - - if (!response.ok) { - throw new Error(TASK_ERRORS.CREATE_FAILED); - } - - return response.json(); - }, - - /** - * タスクを更新 - * @param id 更新対象のタスクID - * @param task 更新するタスク情報（部分的な更新も可能） - * @returns 更新後のタスク情報 - */ - updateTask: async (id: number, task: Partial): Promise => { - const response = await fetch(`${API_BASE_URL}/api/tasks/${id}`, { - method: 'PUT', - headers: getHeaders(), - body: JSON.stringify(task), - }); - - if (!response.ok) { - throw new Error(TASK_ERRORS.UPDATE_FAILED); - } - - return response.json(); - }, - - /** - * タスクを削除 - * @param id 削除対象のタスクID - */ - deleteTask: async (id: number): Promise => { - const response = await fetch(`${API_BASE_URL}/api/tasks/${id}`, { - method: 'DELETE', - headers: getHeaders(), - }); - if (!response.ok) { - throw new Error(TASK_ERRORS.DELETE_FAILED); - } - }, -}; +// /** +// * (サンプル，実際には不要) +// * タスク管理関連のAPI機能を提供するオブジェクト +// * タスクの取得、作成、更新、削除などの機能を含む +// */ +// export const taskApi = { +// /** +// * 全タスクを取得 +// * @returns タスク一覧 +// */ +// getTasks: async (): Promise => { +// const response = await fetch(`${API_BASE_URL}/api/tasks`, { +// headers: getHeaders(), // 認証トークンを含むヘッダー +// }); + +// if (!response.ok) { +// throw new Error(TASK_ERRORS.FETCH_FAILED); +// } + +// return response.json(); +// }, + +// /** +// * 指定IDのタスクを取得 +// * @param id タスクID +// * @returns 単一のタスク情報 +// */ +// getTask: async (id: number): Promise => { +// const response = await fetch(`${API_BASE_URL}/api/tasks/${id}`, { +// headers: getHeaders(), +// }); + +// if (!response.ok) { +// throw new Error(TASK_ERRORS.FETCH_FAILED); +// } + +// return response.json(); +// }, + +// /** +// * 新規材料を作成 +// * @param task 作成するタスク情報（価格,作成日時、更新日時は除外） +// * @returns 作成されたタスク情報 +// */ +// addStuff: async (task: Omit): Promise => { +// const response = await fetch(`${API_BASE_URL}/api/tubuy/add`, { +// method: 'POST', +// headers: getHeaders(), +// body: JSON.stringify(task), +// }); + +// if (!response.ok) { +// throw new Error(TASK_ERRORS.CREATE_FAILED); +// } + +// return response.json(); +// }, + +// /** +// * タスクを更新 +// * @param id 更新対象のタスクID +// * @param task 更新するタスク情報（部分的な更新も可能） +// * @returns 更新後のタスク情報 +// */ +// updateTask: async (id: number, task: Partial): Promise => { +// const response = await fetch(`${API_BASE_URL}/api/tasks/${id}`, { +// method: 'PUT', +// headers: getHeaders(), +// body: JSON.stringify(task), +// }); + +// if (!response.ok) { +// throw new Error(TASK_ERRORS.UPDATE_FAILED); +// } + +// return response.json(); +// }, + +// /** +// * タスクを削除 +// * @param id 削除対象のタスクID +// */ +// deleteTask: async (id: number): Promise => { +// const response = await fetch(`${API_BASE_URL}/api/tasks/${id}`, { +// method: 'DELETE', +// headers: getHeaders(), +// }); + +// if (!response.ok) { +// throw new Error(TASK_ERRORS.DELETE_FAILED); +// } +// }, +// }; diff --git a/frontend/src/types/types.ts b/frontend/src/types/types.ts index 0f2e897..3e7f654 100644 --- a/frontend/src/types/types.ts +++ b/frontend/src/types/types.ts @@ -1,21 +1,21 @@ -/** - * タスク情報を表す型定義 - * タスクの基本情報と状態を管理 - */ -export interface Task { - id: number; // タスクの一意識別子 - stuffName: string; // タスクのタイトル - amount: number; //材料の数量 - price: number; //材料の値段 - buyDate:Date; //購入日時 - expirationDate: Date; //賞味・消費期限 - //description?: string; // タスクの詳細説明（任意） - completed: boolean; // タスクの完了状態 - userId: number; // タスクの所有者ID - createdAt: string; // タスク作成日時 - newAddition: boolean //材料を新規追加するかどうか - //updatedAt: string; // タスク更新日時 -} +// /** +// * タスク情報を表す型定義 +// * タスクの基本情報と状態を管理 +// */ +// export interface Task { +// id: number; // タスクの一意識別子 +// stuffName: string; // タスクのタイトル +// amount: number; //材料の数量 +// price: number; //材料の値段 +// buyDate:Date; //購入日時 +// expirationDate: Date; //賞味・消費期限 +// //description?: string; // タスクの詳細説明（任意） +// completed: boolean; // タスクの完了状態 +// userId: number; // タスクの所有者ID +// createdAt: string; // タスク作成日時 +// newAddition: boolean //材料を新規追加するかどうか +// //updatedAt: string; // タスク更新日時 +// } /** * タスク情報を表す型定義