Changes to handle new endpoint

[williamromero]

El componente AvailableMeals que va a hacer el Fetch, podemos cambiar lo que tienes allí para hacer la petición, y solo podrías dejarlo así:

  // reactletsorder/src/components/FoodOrder/Meals/AvailableMeals.js
  const response = await fetch('http://localhost:3000/meals', { method: 'GET', });

También debes de cambiar el proxy en el package.json de tu proyecto de React, para que vaya y tome la ruta de la aplicación de Rails:

  "proxy": "http://localhost:3005",

Por último, revisar el componente MealItem porque en la línea 8, en el que recibes es el precio, te recomiendo pasarlo a Float antes de pasarle el toFixed(2).

  const price = `$${props.price.toFixed(2)}`;
  // cambiarlo a esto
  const price = `$ ${parseFloat(props.price).toFixed(2)}`;