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
  • !27

Merged
Created Sep 03, 2025 by André Sacilotto Santos@andre.santosOwner0 of 6 tasks completed0/6 tasks

Feature/page solicitacao professor

  • Overview 0
  • Commits 26
  • Changes 38

Mudanças

Criados os cards "Perfil Professor" e "Aceitar Professor". Também adicionei uma pasta "professor-aproval" dentro da pasta "rotas" no src, lá tem um index.tsx com a rota para visualizar as telas desenvolvidas por mim

Como testar

Só entrar na http://localhost:3000/professor-approval/ Rota criada na pasta "routes" > "professor-aproval" > index.tsx

import { ProfessorProfileCard } from '../../features/professorApproval/components/ProfessorProfileCard';
import { ProfessorApprovalPanel } from '../../features/professorApproval/components/ProfessorApprovalPanel';

export const Route = createFileRoute('/professor-approval/')({
  component: ProfessorApprovalPage,
});

function ProfessorApprovalPage() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gray-50 p-8">
      <div className="flex gap-8 w-full max-w-5xl">
        <ProfessorProfileCard />
        <ProfessorApprovalPanel />
      </div>
    </div>
  );
}```

## Acceptance Criteria
- [ ] A área de texto deve permitir digitar observações sobre a solicitação do possível professor
- [ ] Os botões "Recusar professor" (vermelho) e "Aprovar professor" (verde) devem estar visíveis, lado a lado, e com cursor pointer ao passar o mouse.
- [ ] O layout do painel deve ser responsivo e visualmente próximo ao design apresentado.
- [ ] Todos os elementos devem estar alinhados e com espaçamentos adequados.
- [ ]  O painel deve ser facilmente integrável com lógica de backend (os botões podem, por enquanto, apenas exibir um console.log ao serem clicados).
- [ ] O Card "Perfil Professor" deve estar igual ao protótipo, com o título do card na cor verde e os dados não sensíveis todos em negrito e com a formatação correta

## Screenshots da tela/componente desenvolvido
<img width="1892" height="854" alt="image" src="https://github.com/user-attachments/assets/f3e7604f-f412-48fe-8ae3-9d39974c6f29" />

## Observações
Ainda não ajustei a responsividade (me dei conta agr quando tava fazendo os criterios de aceitação, mais além eu faço tmj)

---
## 🔄 Sincronizado do GitHub

- 🔗 **PR original**: https://github.com/AGES-Pro-Mata/frontend/pull/62
- 👤 **Autor**: @guigs028
- 📅 **Criado**: 2025-09-03T18:45:42Z
- 🔢 **ID GitHub**: #62
- 🌿 **Branches**: `feature/page-solicitacao-professor` → `dev`
- 📊 **Estado**: open
- 🔀 **Mergeable**: unknown

*Sincronizado automaticamente do GitHub para GitLab AGES*
Assignee
Assign to
Reviewer
Request review from
Time tracking
Source branch: feature/page-solicitacao-professor