set up rating update function and update method on backend

.byebug_history

@@ -1,3 +1,6 @@
+exit
+params[:rating]
+params
 q
 recipe
 recipe.update({ingredients: params[:ingredients]})

app/controllers/recipes_controller.rb

@@ -8,7 +8,9 @@ def create
   end
 
   def update
-    recipe = Recipe.update!(update_recipe_params) 
+    recipe_to_update = find_recipe
+    recipe_to_update.update!(update_recipe_params) 
+    render json: recipe, status: :accepted
   end
 
   def destroy

app/serializers/recipe_serializer.rb

@@ -1,3 +1,3 @@
 class RecipeSerializer < ActiveModel::Serializer
-  attributes :id, :title, :readyIn, :image, :summary, :instructions, :ingredients, :sourceURL, :user_id
+  attributes :id, :title, :readyIn, :image, :summary, :instructions, :ingredients, :sourceURL, :user_id, :rating
 end

client/src/components/App.js

@@ -128,7 +128,7 @@ function App() {
     fetch(`/recipes/${recipe.id}`, {
       method: "PATCH",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(recipe.rating),
+      body: JSON.stringify({ rating: recipe.rating }),
     });
   }
 

client/src/components/Recipe.js

@@ -22,7 +22,6 @@ function Recipe({ recipe }) {
     handleAddRecipe,
     handleUpdateRecipe,
   } = useContext(UserContext);
-  const [ratingValue, setRatingValue] = useState(0);
   const {
     title,
     readyIn,
@@ -35,6 +34,7 @@ function Recipe({ recipe }) {
     user_id = null,
     id = null,
   } = recipe;
+  const [ratingValue, setRatingValue] = useState(rating);
 
   const mappedIngredients = ingredients.map((ingredient) => (
     <li key={ingredient}>{ingredient}</li>
@@ -84,7 +84,7 @@ function Recipe({ recipe }) {
       {user_id ? (
         <Rating
           name='simple-controlled'
-          value={rating}
+          value={ratingValue}
           precision={0.5}
           onChange={(event, newRating) => {
             setRatingValue(newRating);