Cat purple

August 25, 2018

import React from 'react';

/**** Helpers ****/
const tipoMoneda = {
d:'Dolar',
p:'Peso'
}

const cotizDolar = {
d:31,
p:1
}

const toDolar = (pesos) => {
return pesos / this.cotizDolar.d;
}

const toPeso = (dolares) => {
return dolares * this.cotizDolar.p;
}

const tryConvert = (valor, convertir) => {
const input = parseFloat( valor );
const output = convertir(input);
}
/**** Helpers ****/

//componente mensaje. Stateless
function Mensaje(props){
if (props.peso > 100000){
return

Mandalo a la cueva

;
}
else{
return

Cambiale en la calle

;
}
}

class ValorInput extends React.Component{

constructor(props){
super(props);
this.handleChange = this.handleChange.bind(this);
}

handleChange(e){
this.props.onValorChange(e.target.value);
}

render(){
const valor = this.props.valor;
const moneda = this.props.moneda;

return(

Ingrese un valor en {tipoMoneda[moneda]}

)
}
}

class Calculadora extends React.Component{

constructor(props){
super(props);
this.handlePesoChange = this.handlePesoChange.bind(this);
this.handleDolarChange = this.handleDolarChange.bind(this);
this.state = {valor:'',moneda:'p'};
}

handlePesoChange(valor){
this.setState({moneda:'p', valor})
}

handleDolarChange(valor){
this.setState({moneda:'d', valor})
}

render(){
return(

)
}
}

export default Calculadora;