bendtherules/food-app
1
0
Fork 0
mirror of https://github.com/bendtherules/food-app.git synced 2026-08-19 00:31:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace all classnames with class

Browse Source
This commit is contained in:
bendtherules
2018-11-18 21:05:35 +05:30
parent b583bbc87d
commit 534f920d70
6 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/RecipeCard/recipecard.js
+16 -16
View File
@@ -11,48 +11,48 @@ function toTitleCase(str) {
export default function RecipeCard(props) {
return (
`
<div className="recipe-card" >
<div className="recipe-card-top">
<img className="recipe-card-image" src=${props.recipe.image} alt=${props.recipe.name} />
<div class="recipe-card" >
<div class="recipe-card-top">
<img class="recipe-card-image" src=${props.recipe.image} alt=${props.recipe.name} />
</div>
<div className="recipe-card-bottom">
<div className="recipe-card-desc">
<div className="recipe-card-logo-wrapper">
<img className="recipe-card-logo" src=${props.recipe.icon} alt=${props.recipe.name} />
<div class="recipe-card-bottom">
<div class="recipe-card-desc">
<div class="recipe-card-logo-wrapper">
<img class="recipe-card-logo" src=${props.recipe.icon} alt=${props.recipe.name} />
</div>
<div className="recipe-card-title-container">
<div className="recipe-card-title">
<div class="recipe-card-title-container">
<div class="recipe-card-title">
${
toTitleCase(props.recipe.name)
}
</div>
<div className="recipe-card-rating">
<div class="recipe-card-rating">
${
new Array(props.recipe.rating).map(_useless => (
`
<div className="recipe-card-star">
<div class="recipe-card-star">
</div>
`
))
}
</div>
</div>
<div className="recipe-card-price">
<div className="recipe-card-price-number">
<div class="recipe-card-price">
<div class="recipe-card-price-number">
${
`$${props.recipe.price}`
}
</div>
<div className="recipe-card-price-suffix">
<div class="recipe-card-price-suffix">
Min Order
</div>
</div>
</div>
<div className="recipe-card-tags">
<div class="recipe-card-tags">
${
props.recipe.tags.map(tag => (
`
<div className="recipe-card-tag">
<div class="recipe-card-tag">
${
toTitleCase(tag)
}