diff --git a/src/Components/Chat/chatContainer.js b/src/Components/Chat/chatContainer.js index b25f2ee..ffb80cf 100644 --- a/src/Components/Chat/chatContainer.js +++ b/src/Components/Chat/chatContainer.js @@ -30,6 +30,7 @@ const Chat = props => { } date={getTime(message.date)} source={message.source} + original={message.content} /> ) })} diff --git a/src/Components/mensagem.js b/src/Components/mensagem.js index 97be130..bed5ab1 100644 --- a/src/Components/mensagem.js +++ b/src/Components/mensagem.js @@ -1,6 +1,6 @@ import React, { Component } from "react" import { Svg, Path } from "react-native-svg" -import { View, Text, StyleSheet } from "react-native" +import { View, Text, StyleSheet, TouchableOpacity, Alert } from "react-native" import { moderateScale } from "react-native-size-matters" const styles = StyleSheet.create({ @@ -85,10 +85,37 @@ const styles = StyleSheet.create({ }) export default class Mensagem extends Component { - state = {} + constructor() { + super() + this.state = { + content: "", + date: "", + source: "", + original: "" + } + } + + componentDidMount() { + const { content, date, source, original } = this.props + + this.setState({ content, date, source, original }) + } + + verLinguaOriginal = () => { + const { original } = this.state + Alert.alert( + "Confirmar", + "Deseja ver a mensagem na linguagem original?", + [ + { text: "Sim", onPress: () => this.setState({ content: original }) }, + { text: "Não" } + ], + { cancelable: false } + ) + } render() { - const { content, date, source } = this.props + const { content, date, source } = this.state let message // Remetente if (source === "1") { @@ -121,24 +148,30 @@ export default class Mensagem extends Component { // Destinatario message = ( - - - - - - - {content} - + { + this.verLinguaOriginal() + }} + > + + + + + + + {content} + + {date}