Preparando revisão do código#1
Conversation
|
Someone is attempting to deploy a commit to a Personal Account owned by @rafaelarissa on Vercel. @rafaelarissa first needs to authorize it. |
yann-melo
left a comment
yann-melo
left a comment
There was a problem hiding this comment.
Oi, Rafaela! Tudo bem? Aqui é Yann, trazendo seu feedback de código 🙂
Parabéns por mais uma entrega de projeto! 😄
Gostei bastante como implementou os elementos, teve uma lógica boa ao decorrer de todo o projeto e o proposito da correção foi verificar o uso das ementas de autodidatismo, no geral está de parabéns! 🎉
Abaixo notei alguns pontos que me chamaram a atenção no código.
| localStorage.setItem("image", image); | ||
| // localStorage.setItem("name", name); | ||
| // localStorage.setItem("password", password); |
There was a problem hiding this comment.
Evite deixar comentários no código, caso não estejam sendo usados, o ideial é remove-los.
| <Footer> | ||
| <Nav><StyledLink to="/habitos">Hábitos</StyledLink></Nav> | ||
| <Div><StyledLink to="/hoje"> | ||
| <CircularProgressbar | ||
| value={percentage} | ||
| text='Hoje' | ||
| background | ||
| backgroundPadding={6} | ||
| styles={buildStyles({ | ||
| backgroundColor: "#3e98c7", | ||
| textColor: "#fff", | ||
| pathColor: "#fff", | ||
| trailColor: "transparent" | ||
| })} | ||
| /> | ||
| </StyledLink> | ||
| </Div> | ||
| <Nav><StyledLink to="/historico">Histórico</StyledLink></Nav> | ||
| </Footer> | ||
| ) | ||
| } |
There was a problem hiding this comment.
Um dos proposito do styled components é criar tags mais semânticas, Div e Nav poderiam ter sido apenas uma tag comum de div e nav já que não tinham a necessidade de serem semânticos. Pode estilizar dessa forma:
const Footer = styled.div`
width: 100%;
height: 70px;
background-color: #FFFFFF;
position: fixed;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 22px 31px 26px 36px;
div {
....
};
nav {
...
}
`;
| }); | ||
| promise.catch(error => console.log(error.response)); | ||
| } |
There was a problem hiding this comment.
No front não é uma boa prática deixarmos console.log, o ideal é fazer algum tratamento no catch para que o usuário saiba que alguma coisa falhou. Acontece em outras partes do código também
| const { image } = useContext(UserContext); | ||
| const { token } = useContext(TokenContext); | ||
| const { progress, setProgress } = useContext(UserContext); | ||
| let accomplished = 0 |
There was a problem hiding this comment.
Qual a necessidade dessa variável? 🤔
1 participant
No description provided.