1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
import React from 'react';
import {connect} from 'react-redux';
import ConfirmationModalView from 'nfvo-components/confirmations/ConfirmationModalView.jsx';
import SoftwareProductComponentProcessesActionHelper from './SoftwareProductComponentProcessesActionHelper.js';
import i18n from 'nfvo-utils/i18n/i18n.js';
function renderMsg(processToDelete) {
let name = processToDelete ? processToDelete.name : '';
let msg = i18n('Are you sure you want to delete "{name}"?', {name});
return (
<div>
<p>{msg}</p>
</div>
);
};
const mapStateToProps = ({softwareProduct}) => {
let {softwareProductEditor, softwareProductComponents} = softwareProduct;
let {componentProcesses} = softwareProductComponents;
let {processToDelete} = componentProcesses;
let softwareProductId = softwareProductEditor.data.id;
const show = processToDelete !== false;
return {
show,
title: 'Warning!',
type: 'warning',
msg: renderMsg(processToDelete),
confirmationDetails: {processToDelete, softwareProductId}
};
};
const mapActionsToProps = (dispatch,{componentId, softwareProductId}) => {
return {
onConfirmed: ({processToDelete}) => {
SoftwareProductComponentProcessesActionHelper.deleteProcess(dispatch, {process: processToDelete, softwareProductId, componentId});
SoftwareProductComponentProcessesActionHelper.hideDeleteConfirm(dispatch);
},
onDeclined: () => {
SoftwareProductComponentProcessesActionHelper.hideDeleteConfirm(dispatch);
}
};
};
export default connect(mapStateToProps, mapActionsToProps)(ConfirmationModalView);
|
