Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • F frontend
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 108
    • Issues 108
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 4
    • Merge requests 4
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Pró-Mata
  • frontend
  • Merge requests
  • !42

Closed
Created Sep 11, 2025 by André Sacilotto Santos@andre.santosOwner0 of 3 tasks completed0/3 tasks
  • Report abuse
Report abuse

feat(#24): criar UI do ProfileCard

  • Overview 0
  • Commits 1
  • Changes 2

Mudanças

  • ProfileCard implementado (src/components/profile/profilecard.tsx) alinhado ao Figma:
  • Rota conectada: src/routes/(index)/my-profile/index.tsx renderiza o ProfileCard.
  • Status do comprovante exibido via useQuery (por enquanto mockado, só pra validar layout/comportamento).

Como testar

  1. npm start
  2. Acesse /my-profile
  3. 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

image

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

Assignee
Assign to
Reviewer
Request review from
Time tracking
Source branch: feature/profile-card-ui