PrivacyModal.js
5.55 KB
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
import React, { Component } from 'react'
import ReactModal from 'react-modal';
import * as SelectActionCreators from '../actions/profilationSelect'
import { connect } from 'react-redux';
class PrivacyModal extends Component {
render(){
console.log('modalprops',this.props)
return(
<ReactModal
isOpen={true}
onRequestClose={() => this.props.hideModal()}
portalClassName='modal modal-mask modal_repower privacy-modal isOpen'
overlayClassName='modal-wrapper'
className='modal-container'
>
<div className="close_modal" onClick={() => this.props.hideModal()}><img src="https://d33wubrfki0l68.cloudfront.net/c0553300c767c895ee4900759828af6476c3e9e9/55953/img/closed_modal.svg" alt="" /></div>
<div class=" modal-header">
<h3> Informativa sulla privacy</h3>
</div>
<div class="modal-body">
<p class="modal-description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto sit, dolor odio, rem molestiae provident nobis vel voluptas eum consequuntur odit non iusto vitae voluptatum earum recusandae nam veniam distinctio! Fugiat officiis temporibus, dicta
ratione tempora. Temporibus illum, ab esse. Quae incidunt voluptates sunt dolores, voluptatem ullam corporis praesentium, cumque voluptatibus cupiditate in eius quidem, nam totam? Qui quibusdam, alias numquam corporis placeat reprehenderit.
Neque quaerat at architecto temporibus aperiam.
</p>
<p class="modal-description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto sit, dolor odio, rem molestiae provident nobis vel voluptas eum consequuntur odit non iusto vitae voluptatum earum recusandae nam veniam distinctio! Fugiat officiis temporibus, dicta
ratione tempora. Temporibus illum, ab esse. Quae incidunt voluptates sunt dolores, voluptatem ullam corporis praesentium, cumque voluptatibus cupiditate in eius quidem, nam totam? Qui quibusdam, alias numquam corporis placeat reprehenderit.
Neque quaerat at architecto temporibus aperiam.
</p>
<p class="modal-description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto sit, dolor odio, rem molestiae provident nobis vel voluptas eum consequuntur odit non iusto vitae voluptatum earum recusandae nam veniam distinctio! Fugiat officiis temporibus, dicta
ratione tempora. Temporibus illum, ab esse. Quae incidunt voluptates sunt dolores, voluptatem ullam corporis praesentium, cumque voluptatibus cupiditate in eius quidem, nam totam? Qui quibusdam, alias numquam corporis placeat reprehenderit.
Neque quaerat at architecto temporibus aperiam.
</p>
<p class="modal-description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto sit, dolor odio, rem molestiae provident nobis vel voluptas eum consequuntur odit non iusto vitae voluptatum earum recusandae nam veniam distinctio! Fugiat officiis temporibus, dicta
ratione tempora. Temporibus illum, ab esse. Quae incidunt voluptates sunt dolores, voluptatem ullam corporis praesentium, cumque voluptatibus cupiditate in eius quidem, nam totam? Qui quibusdam, alias numquam corporis placeat reprehenderit.
Neque quaerat at architecto temporibus aperiam.
</p>
<p class="modal-description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto sit, dolor odio, rem molestiae provident nobis vel voluptas eum consequuntur odit non iusto vitae voluptatum earum recusandae nam veniam distinctio! Fugiat officiis temporibus, dicta
ratione tempora. Temporibus illum, ab esse. Quae incidunt voluptates sunt dolores, voluptatem ullam corporis praesentium, cumque voluptatibus cupiditate in eius quidem, nam totam? Qui quibusdam, alias numquam corporis placeat reprehenderit.
Neque quaerat at architecto temporibus aperiam.
</p>
<p class="modal-description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto sit, dolor odio, rem molestiae provident nobis vel voluptas eum consequuntur odit non iusto vitae voluptatum earum recusandae nam veniam distinctio! Fugiat officiis temporibus, dicta
ratione tempora. Temporibus illum, ab esse. Quae incidunt voluptates sunt dolores, voluptatem ullam corporis praesentium, cumque voluptatibus cupiditate in eius quidem, nam totam? Qui quibusdam, alias numquam corporis placeat reprehenderit.
Neque quaerat at architecto temporibus aperiam.
</p>
</div>
</ReactModal>
)
}
}
const mapStateToProps = state => {
return {
steps:state.ProfilationSelectReducer.steps,
solutions:state.ProfilationSelectReducer.solutions,
modalOpen:state.ProfilationSelectReducer.modalOpen
}};
const mapDispatchToProps = dispatch => ({
updatePropValue: (prop,value,index,complete) =>
dispatch(SelectActionCreators.changeValue(prop,value,index,complete)),
updateStoreValue: (prop,value) =>
dispatch(SelectActionCreators.changeProp(prop,value)),
hideModal: () =>
dispatch(SelectActionCreators.hideModal()),
showModal: (modalName) =>
dispatch(SelectActionCreators.showModal(modalName)),
});
export default connect(mapStateToProps, mapDispatchToProps)(PrivacyModal);