Add the quantity for each ingredient so the preview will display prop…

…erly (#48)
open-eats · May 27, 2020 · f4865f2 · f4865f2
1 parent 1bb88eb
commit f4865f2
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/modules/recipe_form/components/IngredientBox.js b/modules/recipe_form/components/IngredientBox.js
@@ -121,7 +121,15 @@ class IngredientBox extends React.Component {
         />
         <div className="recipe-details">
           <div className="recipe-schema">
-            <IngredientGroups data={ this.state.data }/>
+            <IngredientGroups data={ [...this.state.data].map(x => {
+              // Add the quantity for each ingredient so the preview will display properly
+              const ings = [...x.ingredients].map(i => {return {
+                quantity: i.numerator ? formatQuantity(1, 1, i.numerator, i.denominator) + " " : '',
+                ...i
+              }})
+
+              return { ...x, ingredients: ings }
+            })}/>
           </div>
         </div>
       </TabbedView>