Feat/86b6ca92k
Este PR é sobre a task de desenvolvimento da Navbar, implementando o componente responsivo para mobile e desktop que segue o figma.
Para cumprir os requisitos de exibição de links diferentes para usuários logados, foi criada a estrutura de gerenciamento de estado de autenticação. Para isso, foram desenvolvidos:
UserContext, User Provider e o Hook userUser (Esses itens ainda não foram integrados completamente)
Para testar os diferentes modos da navbar, mockei o estado autenticado, um nome e uma foto.
function Navbar() {
const [isOpen, setIsOpen] = useState(false);
//MUDAR AS LINHAS ABAIXO PARA QUANDO O AUTH ESTIVER PRONTO
//const { user } = useUser();
//const isAuthenticated = !!user;
// DADOS MOCKADOS DO USUÁRIO ENQUANTO AUTH NÃO ESTÁ PRONTA:
const isAuthenticated = false;
const user = {
name: "Bernardo Kirsch",
avatarUrl: "https://i.pravatar.cc/40",
};
...Abaixo estão algumas fotos de como ficou implementado:
Desktop:
Mobile:
