Boton para compartir tonto del dia #76
Conversation
frontend/src/Pagina/ElMasTonto/PerfilDeParticipante/EstructuraDePerfil.jsx
Outdated
Show resolved
Hide resolved
| const TarjetaTonta = ({ nombre, total, titulos }) => { | ||
| import { Link } from "react-router-dom"; | ||
|
|
||
| const TarjetaTonta = ({ nombre, total, titulos, mensaje, todaLaInfo }) => { |
There was a problem hiding this comment.
Creo que hay dos variables para resolver un mismo problema.
Esto se podria resolver con una sola variable.
Te explico mas adelante.
There was a problem hiding this comment.
Hay dos opciones para mejorar esto: borrar la variable todaLaInfo o borrar la variable mensaje.
Pero una de las variables se tiene que ir.
No se pueden quedar las dos porque es confuso y no queda claro.
There was a problem hiding this comment.
Opcion 1: Borrar todaLaInfo
Si se borra la variable todaLaInfo, el componente Tarjeta ya no va a ser responsable de decidir si arma el mensaje del dia o el mensaje con toda la info.
Como solo quedaria la variable mensaje, seria la responsabilidad de cada pantalla construir el mensaje que quiere mostrar en la tarjeta.
Opcion 2: Borrar mensaje
Si se borra la variable mensaje, el componente tarjeta va a tener toda la responsabilidad de armar el mensaje.
Dependiendo de todaLaInfo, el componente Tarjeta va a armar el mensaje del dia o el mensaje de toda la info.
Como la variable mensaje ya no existiria, las pantallas que usen la Tarjeta no van a poder mandar un valor de mensaje, solo van a poder decidir si mostrar toda la info o no.
| mensaje="Cowboy del día de hoy es " | ||
| todaLaInfo="" |
There was a problem hiding this comment.
Estas pasando dos variables:
mensaje: con el texto que va a estar en el mensajetodaLaInfo: que la usas solo para controlar que tipo de mensaje mandas, si es nulo mandas el mensaje chiquito y si es "" mandas el mensaje grande.
Creo que se podria usar una sola varaiable.
Hay que decidir si usas solo la variable mensaje o solo la variable todaLaInfo.
| @@ -19,6 +19,8 @@ const EstructuraDePerfil = () => { | |||
| nombre={participante.nombre} | |||
| total={participante.total} | |||
| titulos={participante.titulos} | |||
| mensaje="Tonto seleccionado: " | |||
| todaLaInfo={participante.total + participante.titulos} | |||
There was a problem hiding this comment.
No tiene sentido ponerle valores a variable todaLaInfo porque el componente Tarjeta nunca usa el valor de esta variable.
La tarjeta solo compara si todaLaInfo es igual a "".
En todo caso, si se queda la variable todaLaInfo deberia ser booleana.
Borré un <div> de más que había. También le di un poco de margin-top: 20px.
| if (todaLaInfo == "perfil") { | ||
| laInfo = | ||
| "Tonto seleccionado: " + | ||
| nombre + | ||
| "%0A" + | ||
| "Veces tonto: " + | ||
| total + | ||
| "%0A" + | ||
| "Titulos: " + | ||
| titulos; | ||
| } | ||
| if (todaLaInfo == "tontoDelDía") { | ||
| laInfo = "Tonto del día de hoy es " + nombre; | ||
| } | ||
| if (todaLaInfo == "CowboyDelDía") { | ||
| laInfo = "Cowboy del día de hoy es " + nombre; | ||
| } | ||
| if (todaLaInfo == "errorTonto") { | ||
| laInfo = "El algoritmo está preparando un tontos " + nombre; | ||
| } | ||
| if (todaLaInfo == "errorCowboy") { | ||
| laInfo = "El algoritmo está preparando un cowboy " + nombre; | ||
| } |
There was a problem hiding this comment.
Esaaaaa! Me gusta! La variable ahora controla el tipo de mensaje.
Habría que cambiarle el nombre, a algo como:
tipoDeMensajemensajeTipo- o
tipo - o algo asi
Que te parece?
| if (todaLaInfo == "tontoDelDía") { | ||
| laInfo = "Tonto del día de hoy es " + nombre; | ||
| } | ||
| if (todaLaInfo == "CowboyDelDía") { |
There was a problem hiding this comment.
Estaba viendo que los otros valores, como perfil o tontoDelDia o errorTonto, empiezan con minuscula.
Pero CowboyDelDia empieza con mayuscula.
Mejor cambiarlo a cowboyDelDia.
Te parece bien?
There was a problem hiding this comment.
jaja
si claro
no me di cuenta
Estoy cambiando los nombres de algunas variables para que el código sea más legible y fácil de entender. 💻
|
Vamo @JLeonN ! Gracias por el laburo booo! |
No description provided.