/ renderEditRecipe(key) {
  //   const recipe = this.props.recipes[key];
  //   return (
  //   <div className="modal">
  //         <form
  //           name="recipeForm"
  //           ref={input => (this.recipeForm = input)}
  //         >
  //           <div className="inputsContainer">
  //             <div className="recipeInputs">
  //               <label>Recipe Name</label>
  //               <input
  //                 value={recipe.recipeName}
  //                 name="recipeName"
  //                 type="text"
  //                 ref={input => (this.recipeName = input)}
  //               />
  //               <label>Recipe Photo</label>
  //               <input
  //                 value={recipe.dishImg}
  //                 type="text"
  //                 name="dishImg"
  //                 ref={input => (this.dishImg = input)}
  //               />
  //               <label>Ingredients</label>
  //               <textarea
  //                 value={recipe.ingredients}
  //                 name="ingredients"
  //                 placeholder="Put each ingredient on its own line"
  //                 ref={input => (this.ingredients = input)}
  //               />
  //               <label>Directions</label>
  //               <textarea
  //                 value={recipe.directions}
  //                 name="directions"
  //                 placeholder="Put each step on its own line"
  //                 ref={input => (this.directions = input)}
  //               />
  //             </div>
  //           </div>
  //           <div className="formBtns">
  //             <input type="submit" value="Save" />
  //             <input type="reset" value="Clear" />
  //           </div>
  //         </form>
  //       </div>
  //   )
  // }