feat(#24): criar UI do ProfileCard
Mudanças
-
ProfileCard implementado (
src/components/profile/profilecard.tsx
) alinhado ao Figma: -
Rota conectada:
src/routes/(index)/my-profile/index.tsx
renderiza oProfileCard
. - Status do comprovante exibido via useQuery (por enquanto mockado, só pra validar layout/comportamento).
Como testar
npm start
- Acesse /my-profile
- Confira:
- Exibir informações corretas do perfil de usuário.
- Botão Enviar comprovante abre placeholder (alert).
- Botão Editar Dados leva para
/(index)/edit-profile
.
Acceptance Criteria
- Usar os componentes já prontos (CanvasCard, Typography, Separator, DefaultButton, CardStatus)
- Mostrar o status do envio do comprovante usando useQuery (mock nesta etapa)
- Rota correta para Editar Dados
Screenshots da tela/componente desenvolvido
Observações
- A fazer: Necessária fazer sincronização com backend para fetch dos dados de usuários no banco de dados. Integração com componente de Enviar Comprovante. Integração com Status de Aprovação.
Refs: #24 – Card Meu Perfil
🔄 Sincronizado do GitHub
-
🔗 PR original: https://github.com/AGES-Pro-Mata/frontend/pull/68 -
👤 Autor: @bycarolina -
📅 Criado: 2025-09-07T21:40:10Z -
🔢 ID GitHub: #68 -
🌿 Branches:feature/profile-card-ui
→dev
-
📊 Estado: closed -
🔀 Mergeable: unknown
Sincronizado automaticamente do GitHub para GitLab AGES