Bem-vindo ao repositório do frontend do Fábrica Node! Utilizando Vue.js e TypeScript, organizamos e distribuímos artigos dos servidores do IFC através de um grafo dinâmico baseado em categorias e palavras-chave. Explore nosso projeto e contribua!
This task involves modifying the header to indicate when a user is logged in by replacing the "Login" button. The implementation should follow the pre-established design in Figma and be created as a component with v-if logic to conditionally render the appropriate button.
Checklist:
[x] Follow the design specified in the Figma mockup for the logged-in state.
[x] Create a component that includes the logic to display either the "Login" button or the user status based on the login state.
[x] Implement v-if logic to conditionally render the login state in the header.
[x] Ensure that the component integrates seamlessly with the existing header component.
Modify Header to Indicate User Login Status
Description:
This task involves modifying the header to indicate when a user is logged in by replacing the "Login" button. The implementation should follow the pre-established design in Figma and be created as a component with
v-if
logic to conditionally render the appropriate button.Checklist:
v-if
logic to conditionally render the login state in the header.Example:
Notes: