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

centralize all routes

Browse source
This commit is contained in:
Anika Raemer 2025-09-13 10:19:11 +02:00
parent 5726bdb154
commit a10f3e37c2
5 changed files with 53 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/App.tsx
View file

@ -2,6 +2,7 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom"
import RecipeDetailPage from "./components/recipes/RecipeDetailPage"
import RecipeEditPage from "./components/recipes/RecipeEditPage"
import RecipeListPage from "./components/recipes/RecipeListPage"
import { getRecipeAddUrlDefinition, getRecipeDetailsUrlDefinition, getRecipeEditUrlDefinition, getRootUrlDefinition } from "./routes"
import "./App.css"
@ -14,13 +15,16 @@ function App() {
<Router>
<Routes>
{/* Home page: list of recipes */}
<Route path="/" element={<RecipeListPage />} />
<Route path= {getRootUrlDefinition()} element={<RecipeListPage />} />
{/* Detail page: shows one recipe */}
<Route path="/recipe/:id" element={<RecipeDetailPage />} />
<Route path={getRecipeDetailsUrlDefinition()} element={<RecipeDetailPage />} />
{/* Edit page: form to edit a recipe */}
<Route path="/recipe/:id/edit" element={<RecipeEditPage />} />
<Route path={getRecipeEditUrlDefinition()} element={<RecipeEditPage />} />
{/* Add page: form to add a recipe */}
<Route path={getRecipeAddUrlDefinition()} element={<RecipeEditPage />} />
</Routes>
</Router>
)