aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/settings/recipes/RecipeItem.js
diff options
context:
space:
mode:
authorLibravatar Vijay A <vraravam@users.noreply.github.com>2022-05-14 08:50:02 -0500
committerLibravatar Vijay A <vraravam@users.noreply.github.com>2022-05-14 08:50:02 -0500
commit8b1bfc356c3182c481394251f3ceeb902f2baec3 (patch)
tree5beeee82ccc2981cf989bb9e192bc3c1f53f1ae9 /src/components/settings/recipes/RecipeItem.js
parent6.0.0-nightly.34 [skip ci] (diff)
downloadferdium-app-8b1bfc356c3182c481394251f3ceeb902f2baec3.tar.gz
ferdium-app-8b1bfc356c3182c481394251f3ceeb902f2baec3.tar.zst
ferdium-app-8b1bfc356c3182c481394251f3ceeb902f2baec3.zip
Typescript conversion
Diffstat (limited to 'src/components/settings/recipes/RecipeItem.js')
-rw-r--r--src/components/settings/recipes/RecipeItem.js33
1 files changed, 0 insertions, 33 deletions
diff --git a/src/components/settings/recipes/RecipeItem.js b/src/components/settings/recipes/RecipeItem.js
deleted file mode 100644
index df5b42222..000000000
--- a/src/components/settings/recipes/RecipeItem.js
+++ /dev/null
@@ -1,33 +0,0 @@
1import { Component } from 'react';
2import PropTypes from 'prop-types';
3import { observer } from 'mobx-react';
4
5import RecipePreviewModel from '../../../models/RecipePreview';
6
7class RecipeItem extends Component {
8 static propTypes = {
9 recipe: PropTypes.instanceOf(RecipePreviewModel).isRequired,
10 onClick: PropTypes.func.isRequired,
11 };
12
13 render() {
14 const { recipe, onClick } = this.props;
15
16 return (
17 <button type="button" className="recipe-teaser" onClick={onClick}>
18 {recipe.isDevRecipe && (
19 <span className="recipe-teaser__dev-badge">dev</span>
20 )}
21 <img src={recipe.icons.svg} className="recipe-teaser__icon" alt="" />
22 <span className="recipe-teaser__label">{recipe.name}</span>
23 {recipe.aliases && recipe.aliases.length > 0 && (
24 <span className="recipe-teaser__alias_label">
25 {`Aliases: ${recipe.aliases.join(', ')}`}
26 </span>
27 )}
28 </button>
29 );
30 }
31}
32
33export default observer(RecipeItem);