diff --git a/src/components/Burger/BurgerIngredient/BurgerIngredient.js b/src/components/Burger/BurgerIngredient/BurgerIngredient.js
index 8dfa7ba..0c3cb6a 100644
--- a/src/components/Burger/BurgerIngredient/BurgerIngredient.js
+++ b/src/components/Burger/BurgerIngredient/BurgerIngredient.js
@@ -1,39 +1,46 @@
-import React from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
import classes from './burgerIngredient.css';
-const burgerIngredient = (props) => {
- let ingredient = null;
+class BurgerIngredient extends Component {
+ render() {
+ let ingredient = null;
- switch (props.type) {
- case ('bread-bottom'):
- ingredient =
- break;
- case ('bread-top'):
- ingredient = (
-
- )
- break;
- case ('meat'):
- ingredient =
- break;
- case ('cheese'):
- ingredient =
- break;
- case ('salad'):
- ingredient =
- break;
- case ('bacon'):
- ingredient =
- break;
- default:
- ingredient = null;
- break;
+ switch (this.props.type) {
+ case ('bread-bottom'):
+ ingredient =
+ break;
+ case ('bread-top'):
+ ingredient = (
+
+ )
+ break;
+ case ('meat'):
+ ingredient =
+ break;
+ case ('cheese'):
+ ingredient =
+ break;
+ case ('salad'):
+ ingredient =
+ break;
+ case ('bacon'):
+ ingredient =
+ break;
+ default:
+ ingredient = null;
+ break;
+ }
+ return ingredient;
}
-
- return ingredient;
}
+BurgerIngredient.PropTypes = {
+ type: PropTypes.string.isRequired
+};
+
export default burgerIngredient;
\ No newline at end of file