Revert "changes"

Author: blazephoenix

Diff for: public/index.html

@@ -40,12 +40,4 @@
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
   </body>
-  <script>
-    const colors = ["#F70202", "#6BD620"];
-    const label = document.querySelector('.recipe div').textContent;
-    const labelColor = document.querySelector('.recipe__label');
-    if (label == 'low-carb'){
-      labelColor.style.background = colors[1];
-    }
-  </script>
 </html>

Diff for: src/App.js

@@ -55,7 +55,7 @@ const App = () => {
         title={recipe.recipe.label} 
         calories={recipe.recipe.calories}
         image={recipe.recipe.image}
-        diet={recipe.recipe.dietLabels}></Recipe>
+        ingredients={recipe.recipe.ingredients}></Recipe>
       ))}
       </div>
     </div>

Diff for: src/recipe.js

@@ -1,17 +1,14 @@
 import React from 'react';
 import style from './recipe.module.css';
 
-const Recipe = ({title,calories,image, diet, url}) => {
-
+const Recipe = ({title,calories,image, ingredients, url}) => {
     return(
         <div className={style.recipe}>
             <a href={url} className="recipe__url" target="_blank" rel="noopener noreferrer"><h1>{title}</h1></a>
             <small><strong>Calorie count:</strong> {calories.toFixed(2)}</small>
-            <div className="recipe__label">{diet}</div>
             <img src={image} alt="" className="recipe__image"/>
         </div>
     )
-
 }
 
 export default Recipe

Diff for: src/recipe.module.css

@@ -21,7 +21,7 @@
 }
 
 .recipe a:hover {
-  color: #9932cc;
+  color: darkorchid;
   -webkit-transition: 250ms ease-in-out;
   transition: 250ms ease-in-out;
 }
@@ -43,15 +43,6 @@
   height: auto;
 }
 
-.recipe div {
-  background: #FFBE0B;
-  color: #191716;
-  padding: 0.2em 0.8em;
-  -ms-grid-column-align: center;
-      justify-self: center;
-  text-align: center;
-}
-
 .active {
   opacity: 1;
   -webkit-transition: opacity 120ms ease-in;

Diff for: src/recipe.module.scss

@@ -15,7 +15,7 @@
         color: #121212;
 
         &:hover{
-            color: #9932cc;
+            color: darkorchid;
             transition: 250ms ease-in-out;
         }
 
@@ -34,14 +34,6 @@
         width: 100%;
         height: auto;
     }
-
-    div{
-        background: #FFBE0B;
-        color: #191716;
-        padding: 0.2em 0.8em;
-        justify-self: center;
-        text-align: center;
-    }
 }
 
 .active{