feat: implements navbar #16
Conversation
arufonsekun
commented
Feb 15, 2021
•
arufonsekun
commented
- closes Implementar Navbar #10
src/components/Navbar/index.jsx
Outdated
| @@ -0,0 +1,36 @@ | |||
| import React, {Component} from "react"; | |||
| import "./navbar.scsss"; | |||
There was a problem hiding this comment.
Ocorreu este bug para mim:
Acredito que o import esteja incorreto:
| import "./navbar.scsss"; | |
| import "./navbar.scss"; |
There was a problem hiding this comment.
A navbar ficou bem bonita, no entanto ocorreu uma sobreposição, talvez pela navbar estar transparente (não sei se foi intencional):
Além disso, adicionei alguns comentários/sugestões à respeito do layout de código. Levarei algumas discussões à issue #5.
src/components/Navbar/index.jsx
Outdated
|
|
||
| return ( | ||
| <nav className="navbar navbar-fixed"> | ||
| <a href={home} className="nav-item"> |
There was a problem hiding this comment.
Acredito que deveríamos utilizar um componente Link para isto, como indicado na documentação;
| import "./navbar.scss"; | ||
|
|
||
| class Navbar extends Component { | ||
| render(){ |
There was a problem hiding this comment.
De acordo com o style guide do airbnb, adicionar o seguinte espaçamento melhora a legibilidade:
| render(){ | |
| render () { |
src/pages/index.js
Outdated
| @@ -10,6 +11,7 @@ export default class IndexPage extends Component { | |||
| render() { | |||
| return ( | |||
| <div> | |||
| <Navbar/> | |||
There was a problem hiding this comment.
Também de acordo com o style guide do airbnb, seria "correto" utilizar o seguinte espaçamento:
| <Navbar/> | |
| <Navbar /> |
There was a problem hiding this comment.
Great!
Apenas se formos seguir os padrões de código como na issue #5, há algumas inconsistências. Se as recomendações da issue estão incorretas, uma discussão deve ser levantada para encontrar padrões melhores e adotá-los pelo projeto todo.
