araemer/recipe-app
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

switch to createOrUpdate endpoint

Browse source
This commit is contained in:
Anika Raemer 2025-10-10 19:42:16 +02:00
parent 8027fce80d
commit 47ffe8c74d
3 changed files with 9 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/api/points/RecipePoint.ts
View file

@ -1,5 +1,5 @@
import type { RecipeDto } from "../dtos/RecipeDto"; import type { RecipeDto } from "../dtos/RecipeDto";
import { get, postJson, putJson } from "../utils/requests"; import { get, postJson } from "../utils/requests";
/** /**
@ -24,21 +24,11 @@ export async function fetchRecipe(id: string): Promise<RecipeDto> {
} }
/** /**
* Create new Recipe * Either create a new recipe or update an existing one
* @param recipe Recipe to create * @param recipe Recipe to create or update
* @returns Saved recipe * @returns Saved recipe
*/ */
export async function createRecipe(recipe: RecipeDto): Promise<RecipeDto> { export async function createOrUpdateRecipe(recipe: RecipeDto): Promise<RecipeDto> {
const res = await postJson(RECIPE_URL, JSON.stringify(recipe)); const res = await postJson(RECIPE_URL + "/create-or-update", JSON.stringify(recipe));
return res.json();
}
/**
* Save an existing recipe
* @param recipe Recipe to save. This recipe must have an ID!
* @returns Saved recipe
*/
export async function updateRecipe(recipe: RecipeDto): Promise<RecipeDto> {
const res = await putJson(`${RECIPE_URL}/${recipe.id}`, JSON.stringify(recipe));
return res.json(); return res.json();
} }

12
frontend/src/api/utils/requests.ts
View file

@ -9,7 +9,7 @@ export async function get(url: string) : Promise<Response>{
headers: requestHeaders headers: requestHeaders
}) })
if(!response.ok){ if(!response.ok){
throw new Error("GET to " + url + "failed!") throw new Error("GET to " + url + " failed with " + response.status + " " + response.statusText);
} }
return response; return response;
} }
@ -22,14 +22,6 @@ export async function postJson(url: string, requestBody: string, logBody = true)
return await persistJson(url, requestBody, "POST"); return await persistJson(url, requestBody, "POST");
} }
export async function putJson(url: string, requestBody: string, logBody = true) : Promise<Response>{
console.log("PUT to " + url);
if(logBody){
console.log("body: " + requestBody);
}
return persistJson(url, requestBody, "PUT");
}
async function persistJson(url: string, requestBody: string, requestMethod: string) : Promise<Response>{ async function persistJson(url: string, requestBody: string, requestMethod: string) : Promise<Response>{
const requestHeaders = createBasicHeader(); const requestHeaders = createBasicHeader();
setContentTypeHeaderJson(requestHeaders); setContentTypeHeaderJson(requestHeaders);
@ -43,7 +35,7 @@ async function persistJson(url: string, requestBody: string, requestMethod: stri
const response = await fetch(request); const response = await fetch(request);
console.log("response.ok", response.ok) console.log("response.ok", response.ok)
if(!response.ok){ if(!response.ok){
throw new Error(requestMethod + " to " + url + " failed!") throw new Error(requestMethod + " to " + url + " failed " + response.status + " " + response.statusText);
} }
return response; return response;
} }

8
frontend/src/components/recipes/RecipeEditPage.tsx
View file

@ -2,7 +2,7 @@ import { useParams, useNavigate } from "react-router-dom"
import { useEffect, useState } from "react" import { useEffect, useState } from "react"
import type { RecipeModel } from "../../models/RecipeModel" import type { RecipeModel } from "../../models/RecipeModel"
import RecipeEditor from "./RecipeEditor" import RecipeEditor from "./RecipeEditor"
import { fetchRecipe, createRecipe, updateRecipe } from "../../api/points/RecipePoint" import { fetchRecipe, createOrUpdateRecipe } from "../../api/points/RecipePoint"
import { getRecipeDetailUrl, getRecipeListUrl } from "../../routes" import { getRecipeDetailUrl, getRecipeListUrl } from "../../routes"
import { mapRecipeDtoToModel, mapRecipeModelToDto } from "../../mappers/recipeMapper" import { mapRecipeDtoToModel, mapRecipeModelToDto } from "../../mappers/recipeMapper"
import type { RecipeDto } from "../../api/dtos/RecipeDto" import type { RecipeDto } from "../../api/dtos/RecipeDto"
@ -45,11 +45,7 @@ export default function RecipeEditPage() {
const handleSave = async (updated: RecipeModel) => { const handleSave = async (updated: RecipeModel) => {
try { try {
const dto = mapRecipeModelToDto(updated); const dto = mapRecipeModelToDto(updated);
if (updated.id) { await createOrUpdateRecipe(dto);
await updateRecipe(dto)
} else {
await createRecipe(dto)
}
navigateBack(); navigateBack();
} catch (err) { } catch (err) {
console.error(err) console.error(err)