emilia/client/src/components/Meals/MealWrapper.jsx

import { Route, Routes } from "react-router-dom";
import React from "react";
import OwnMeals from "./OwnMeals";
import AddMeal from "./AddMeal";
import EditMeal from "./EditMeal";
import MealDetailView from "./MealDetailView";

/** Wrapper component for Meals. Makes sure that Meals component receives the complete routing path to render the correct view.
 *
 * Might become obsolete in a future version if routing is properly handled by Meals */
const MealWrapper = () => {


  return (
    <>
      <Routes>
        <Route index element={<OwnMeals />} />
        <Route path="add" element={<AddMeal />} />
        <Route path={'detail/:mealId'} element={<MealDetailView />} />
        <Route path={'edit/:mealId'} element={<EditMeal />} />
      </Routes>
    </>
  );
}

export default MealWrapper;