Conversation
fabiolmorato
left a comment
fabiolmorato
left a comment
There was a problem hiding this comment.
O projeto ficou bem escrito, organizado e legível. Levantei alguns pontos por comentários no Pull Request. Reparei que às vezes não havia ponto-e-vírgula ao final de algumas linhas e alguns arquivos contém mais de uma linha em branco em sequência. Em geral, o grupo mostrou domínio nos conceitos apresentados em aula.
| Switch, | ||
| Route |
There was a problem hiding this comment.
Como esses componentes não foram utilizados neste arquivo, não precisavam ser importados.
|
|
||
| return ( | ||
| <Top> | ||
| <Link to='/timeline' onClick={()=>setPage(0)}><p>linkr</p></Link> |
There was a problem hiding this comment.
Poderia ter mais espaços na função do onClick: () => setPage(0). Deixaria o código ainda mais legível :)
| export default function Login({setTask}){ | ||
| const [email, setEmail] = useState(''); | ||
| const [password, setPassword] = useState(''); | ||
| const [enable,setEnable] = useState(false); |
There was a problem hiding this comment.
Este estado poderia ter um nome mais significativo, como loggingIn, já que seu valor depende de estar esperando a requisição de login terminar ou não.
| import UserContext from '../contexts/UserContext'; | ||
|
|
||
|
|
||
| export default function Posts(props) { |
There was a problem hiding this comment.
Por questões semânticas, como este componente representa somente um post, o componente deveria se chamar Post, não Posts.
| <Profile> | ||
| <Link to={(user.user.id == id) ? '/my-posts' : `/user/${id}`} | ||
| onClick={()=>setPage(0)}> | ||
| <img src={avatar} /></Link> |
There was a problem hiding this comment.
O fechamento da tag Link poderia ter sido feito na linha abaixo. Pode prejudicar a leitura do código, pois parece que falta um nível de indentação na linha abaixo.
| onChange={e => setLink(e.target.value)} | ||
| value={link} | ||
| disabled={enable} /> |
There was a problem hiding this comment.
Estas linhas poderiam ter um nível a mais de indentação, para deixar claro que são continuação do elemento.
| display:flex; | ||
| justify-content:center; | ||
|
|
||
| img{ | ||
| width:60px; | ||
| border-radius:10px; | ||
| } | ||
| `; | ||
|
|
||
| const Text = styled.p` | ||
| color:#FFF; | ||
| text-align:center; | ||
| font-size:20px; |
There was a problem hiding this comment.
A falta de espaços entre a propriedade e o valor pode diminuir a legibilidade. Por isso, recomendo colocar um espaço em branco sempre após os dois pontos.
|
|
||
| export default function Trending() { | ||
| const { userToken, setPage } = useContext(UserContext); | ||
| const [ hashtags, setHashtags ] = useState(null); |
There was a problem hiding this comment.
Como o valor de hashtags depois se torna um array, recomendo que o valor inicial seja um array vazio. Evita erros inesperados no código, por conta de algum trecho que espera que seja um array.
| <h2>save, share and discover<br />the best links on the web</h2> | ||
| </section> | ||
| <StyledSection> | ||
| {task ? <Login setTask={setTask} /> : <SignIn setTask={setTask} />} |
There was a problem hiding this comment.
Cuidado com a nomenclatura dos componentes. Login e SignIn significam a mesma coisa, pode causar confusão. O SignIn deveria se chamar SignUp.
1 participant
No description provided.