PropTypes and refactoring

src/components/YesNo/YesNo.js

@@ -1,26 +1,12 @@
-import { connect } from 'react-redux';
-import Button from '../UI/Button/Button';
-import Box from '../UI/Box/Box';
 import React from 'react';
 import './YesNo.css';
+import Box from '../UI/Box/Box';
+import Button from '../UI/Button/Button';
+import PropTypes from 'prop-types';
 import { confirmYesNoAction } from '../../redux/actions/common_actions';
+import { connect } from 'react-redux';
 
-const mapStateToProps = (state) => {
-  return {
-    Title: state.common.ConfirmTitle,
-  };
-};
-
-const mapDispatchToProps = (dispatch) => {
-  return {
-    confirm: (confirmed) => dispatch(confirmYesNoAction.complete(confirmed)),
-  };
-};
-
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)((props) => {
+const YesNo = (props) => {
   return (
     <Box
       dxStyle={{
@@ -49,4 +35,23 @@ export default connect(
       </table>
     </Box>
   );
-});
+};
+
+const mapStateToProps = (state) => {
+  return {
+    Title: state.common.ConfirmTitle,
+  };
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    confirm: (confirmed) => dispatch(confirmYesNoAction.complete(confirmed)),
+  };
+};
+
+YesNo.propTypes = {
+  Title: PropTypes.string.isRequired,
+  confirm: PropTypes.func.isRequired,
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(YesNo);