index.js
2.51 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
import React, { Component } from 'react'
import {
View,
} from 'react-native'
import { connect } from 'react-redux'
import { Button } from 'react-native-elements'
import { postValoracion } from '../../redux/actions/valoraciones'
import { postReporte } from '../../redux/actions/reportes'
import css from './style'
const SATISFECHO = 'SATISFECHO'
const NO_SATISFECHO = 'NO SATISFECHO'
const INFORMACION_NO_PUBLICADA = 'CONFIDENCIAL'
class BotonValoracion extends Component {
render() {
if (this.props.mostrar) {
const solicitudId = this.props.solicitud.id
const usuario = this.props.usuario
const likeName = this.props.valoracion.data === SATISFECHO
? 'ios-thumbs-up'
: 'ios-thumbs-up-outline'
const dislikeName = this.props.valoracion.data === NO_SATISFECHO
? 'ios-thumbs-down'
: 'ios-thumbs-down-outline'
const reportName = this.props.reporte.data === INFORMACION_NO_PUBLICADA
? 'ios-megaphone'
: 'ios-megaphone-outline'
return (
<View style={[css.buttonFooter]}>
<Button
onPress={() => this.props.postReporte(solicitudId, usuario, INFORMACION_NO_PUBLICADA)}
backgroundColor="white"
icon={{
name: reportName,
size: 27,
color: 'red',
type: 'ionicon'
}}
/>
<Button
backgroundColor="white"
onPress={() => this.props.postValoracion(solicitudId, usuario, SATISFECHO)}
icon={{
name: likeName,
size: 27,
color: 'red',
type: 'ionicon'
}}
/>
<Button
onPress={() => this.props.postValoracion(solicitudId, usuario, NO_SATISFECHO)}
backgroundColor="white"
icon={{
name: dislikeName,
size: 27,
color: 'red',
type: 'ionicon'
}}
/>
</View>
)
}
return <View />
}
}
const mapStateToProps = (state) => ({
solicitud: state.solicitudes.current,
usuario: state.usuario.datos,
valoracion: state.valoracion,
reporte: state.reporte,
})
const mapDispatchToProps = (dispatch) => ({
postValoracion: (solicitud, usuario, valoracion) =>
dispatch(postValoracion(solicitud, usuario, valoracion)),
postReporte: (solicitud, usuario, valoracion) =>
dispatch(postReporte(solicitud, usuario, valoracion))
})
export default connect(mapStateToProps, mapDispatchToProps)(BotonValoracion)