Refactor dialogs

src/components/YesNo/YesNo.js

@@ -3,7 +3,7 @@ import Button from '../UI/Button/Button';
 import Box from '../UI/Box/Box';
 import React from 'react';
 import './YesNo.css';
-import { hideConfirmYesNo } from '../../redux/actions/common_actions';
+import { confirmYesNoAction } from '../../redux/actions/common_actions';
 
 const mapStateToProps = (state) => {
   return {
@@ -13,7 +13,7 @@ const mapStateToProps = (state) => {
 
 const mapDispatchToProps = (dispatch) => {
   return {
-    hideConfirmYesNo: (confirmed) => dispatch(hideConfirmYesNo(confirmed)),
+    confirm: (confirmed) => dispatch(confirmYesNoAction.complete(confirmed)),
   };
 };
 
@@ -35,14 +35,12 @@ export default connect(
         <tbody>
           <tr>
             <td width="50%">
-              <Button buttonStyles={{ width: '100%' }} clicked={() => props.hideConfirmYesNo(true)}>
+              <Button buttonStyles={{ width: '100%' }} clicked={() => props.confirm(true)}>
                 Yes
               </Button>
             </td>
             <td width="50%">
-              <Button
-                buttonStyles={{ width: '100%' }}
-                clicked={() => props.hideConfirmYesNo(false)}>
+              <Button buttonStyles={{ width: '100%' }} clicked={() => props.confirm(false)}>
                 No
               </Button>
             </td>