diff options
Diffstat (limited to 'src/components/settings/recipes/RecipeItem.js')
-rw-r--r-- | src/components/settings/recipes/RecipeItem.js | 17 |
1 files changed, 6 insertions, 11 deletions
diff --git a/src/components/settings/recipes/RecipeItem.js b/src/components/settings/recipes/RecipeItem.js index 55f415bd5..ca188aa99 100644 --- a/src/components/settings/recipes/RecipeItem.js +++ b/src/components/settings/recipes/RecipeItem.js | |||
@@ -4,7 +4,8 @@ import { observer } from 'mobx-react'; | |||
4 | 4 | ||
5 | import RecipePreviewModel from '../../../models/RecipePreview'; | 5 | import RecipePreviewModel from '../../../models/RecipePreview'; |
6 | 6 | ||
7 | export default @observer class RecipeItem extends Component { | 7 | @observer |
8 | class RecipeItem extends Component { | ||
8 | static propTypes = { | 9 | static propTypes = { |
9 | recipe: PropTypes.instanceOf(RecipePreviewModel).isRequired, | 10 | recipe: PropTypes.instanceOf(RecipePreviewModel).isRequired, |
10 | onClick: PropTypes.func.isRequired, | 11 | onClick: PropTypes.func.isRequired, |
@@ -14,19 +15,11 @@ export default @observer class RecipeItem extends Component { | |||
14 | const { recipe, onClick } = this.props; | 15 | const { recipe, onClick } = this.props; |
15 | 16 | ||
16 | return ( | 17 | return ( |
17 | <button | 18 | <button type="button" className="recipe-teaser" onClick={onClick}> |
18 | type="button" | ||
19 | className="recipe-teaser" | ||
20 | onClick={onClick} | ||
21 | > | ||
22 | {recipe.isDevRecipe && ( | 19 | {recipe.isDevRecipe && ( |
23 | <span className="recipe-teaser__dev-badge">dev</span> | 20 | <span className="recipe-teaser__dev-badge">dev</span> |
24 | )} | 21 | )} |
25 | <img | 22 | <img src={recipe.icons.svg} className="recipe-teaser__icon" alt="" /> |
26 | src={recipe.icons.svg} | ||
27 | className="recipe-teaser__icon" | ||
28 | alt="" | ||
29 | /> | ||
30 | <span className="recipe-teaser__label">{recipe.name}</span> | 23 | <span className="recipe-teaser__label">{recipe.name}</span> |
31 | {recipe.aliases && recipe.aliases.length > 0 && ( | 24 | {recipe.aliases && recipe.aliases.length > 0 && ( |
32 | <span className="recipe-teaser__alias_label"> | 25 | <span className="recipe-teaser__alias_label"> |
@@ -37,3 +30,5 @@ export default @observer class RecipeItem extends Component { | |||
37 | ); | 30 | ); |
38 | } | 31 | } |
39 | } | 32 | } |
33 | |||
34 | export default RecipeItem; | ||