MobileConnect.js
1.87 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
import React, { Component } from 'react';
import * as SelectActionCreators from './actions/profilationSelect'
import {connect} from 'react-redux';
import MobileConnectInput from './MobileConnectInput'
import {NavLink} from 'react-router-dom';
import logo from '../img/logo.svg'
class MobileConnect extends Component{
render(){
const valid=this.props.mobileConnectInput.valid
return(<div className='mobile-connect'>
<header>
<div className="bigContainer">
<div className="logo ">
<img src={logo} alt={'logo'} />
<p className="header--payoff ">Costruisci in pochi secondi
<br />la tua tariffa flat, 100% online.
</p>
</div>
</div>
</header>
<h2>
Carica documenti
</h2>
<p>
Inserisci il codice mostrato sul tuo computer per collegarlo allo smartphone e procedere
con il caricamento dei documenti.
</p>
<MobileConnectInput
label={''}
name={'mobileConnectInput'}
placeholder={'EXWM'}
className={'mobile-connect-input'}
subLabel={''}
/>
{!valid&&
<button className={valid? "btn__red":"btn__grayLighter no-events"} >Collega</button>
}
{valid && <NavLink to={`/mobile-upload`} activeClassName="active">
<button className={valid? "btn__red":"btn__grayLighter no-events"} >Collega</button>
</NavLink>}
</div>
)
}
}
const mapStateToProps = state => {
return {
mobileConnectCode: state.ProfilationSelectReducer.mobileConnectCode,
mobileConnectInput: state.ProfilationSelectReducer.mobileConnectInput
}
};
const mapDispatchToProps = dispatch => ({
updateStoreValue: (prop,value) =>
dispatch(SelectActionCreators.changeProp(prop,value)),
});
export default connect(mapStateToProps, mapDispatchToProps)(MobileConnect);