when you go to a wedding in mexico but its not your wedding

assignment 4.1.4

import React, { Component } from 'react';
import { AppRegistry, Text, View, TouchableHighlight, StyleSheet } from 'react-native';
import { Constants } from 'expo';

export default class App extends Component {
    state = {
        oldCount: 123,
        newCount: 0
    }

    euro = () => {
        this.setState({
            newCount: this.state.oldCount * 0.85,
        })
    }
    pound = () => {
        this.setState({
            newCount: this.state.oldCount * 0.75,
        })
    }
    rupee = () => {
        this.setState({
            newCount: this.state.oldCount * 67.6,
        })
    }
    yuan = () => {
        this.setState({
            newCount: this.state.oldCount * 6.4,
        })
    }
    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.paragraph}>
                    currency converter :)
                </Text>
                <Text style={styles.paragraph}>
                     ​ ​
                </Text>
                <Text style={styles.paragraph}>
                    old amount: ${this.state.oldCount}
                </Text>
                <Text style={styles.paragraph}>
                     ​ ​
                </Text>
                <View style={styles.buttonContainer}>
                    <TouchableHighlight
                        style={styles.button}
                        onPress={this.euro}
                    >
                        <Text style={styles.buttonText}>
                            euro
                        </Text>
                    </TouchableHighlight>
                    <TouchableHighlight
                        style={styles.button}
                        onPress={this.pound}
                    >
                        <Text style={styles.buttonText}>
                            pound
                        </Text>
                    </TouchableHighlight>
                </View>

                <View style={styles.buttonContainer}>
                    <TouchableHighlight
                        style={styles.button}
                        onPress={this.rupee}
                    >
                        <Text style={styles.buttonText}>
                            rupee
                        </Text>
                    </TouchableHighlight>

                    <TouchableHighlight
                        style={styles.button}
                        onPress={this.yuan}
                    >
                        <Text style={styles.buttonText}>
                            yuan
                        </Text>
                    </TouchableHighlight>
                </View>
                <Text style={styles.paragraph}>
                     ​ ​
                </Text>
                <Text style={styles.paragraph}>
                    new amount: {this.state.newCount}
                </Text>

            </View>
      );
   }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
        backgroundColor: '#A6808C',
    },
    paragraph: {
        color: 'white',
        fontSize: 20,
        textAlign: 'center',
        fontWeight: 'bold',
    },
    buttonContainer: {
        flexDirection: 'row',

    },
    button: {
        height: 50,
        width: 80,
        backgroundColor: '#CCB7AE',
        borderColor: 'white',
        borderWidth: 1,
        alignItems: 'center',
        justifyContent: 'center',
    },
    buttonText: {
        color: 'white',
        fontSize: 15,
    },
});