Skip to content

GitLab

Closed
Created by André Sacilotto Santos@andre.santosOwner0 of 6 tasks completed0/6 tasks
Report abuse

Feature/page solicitacao professor

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 { createFileRoute } from '@tanstack/react-router';
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

image

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

Sincronizado automaticamente do GitHub para GitLab AGES