Pedro Gomes
4cc7f2f121
Passo 8 completo. Tudo verde. Sumário do que foi feito:
Novas páginas:
app/select-operator/page.tsx — Server Component; redireciona automaticamente se já há sessão; lista operadores via prisma direto (funciona mesmo sem sessão ativa)
app/select-operator/operator-picker.tsx — Client Component; tap → signIn('credentials', { email, redirect: false }) → redireciona para /
app/sign-out-button.tsx — botão "Trocar" que chama signOut → volta ao picker
middleware.ts atualizado — redireciona para /select-operator quando não há sessão e AUTH_DEV_AUTOLOGIN=false; skip automático se já logado; o picker não faz redirect se não há sessão (deixa carregar)
app/page.tsx atualizado — mostra chip com o email do utilizador atual + botão "Trocar" (necessário para o AC "header mostra op1@demo.local")
Correções de infraestrutura descobertas:
NODE_ENV="development" removido do .env — estava a forçar o runtime de dev no next build, quebrando a geração estática
pages/_error.tsx adicionado — override mínimo que previne o erro <Html> outside _document
@repo/storage adicionado a transpilePackages e AWS SDK marcado como serverExternalPackages
app/not-found.tsx + app/error.tsx adicionados para App Router
AC verificado: build de produção passa limpo em Next.js 15.3.9 com todas as rotas correctas. O fluxo demo (/ → picker → login → / mostra email) funciona via dev server.
29 lines
1.0 KiB
TypeScript
29 lines
1.0 KiB
TypeScript
import { redirect } from 'next/navigation';
|
|
import { prisma } from '@repo/db';
|
|
import { resolveUser } from '@/lib/auth';
|
|
import { OperatorPicker } from './operator-picker';
|
|
|
|
// This page intentionally fetches operators without a session: the picker IS
|
|
// the login step. prisma is used directly (bypassing the tRPC auth layer) so
|
|
// the page works even when AUTH_DEV_AUTOLOGIN=false.
|
|
export default async function SelectOperatorPage() {
|
|
const user = await resolveUser();
|
|
if (user) redirect('/');
|
|
|
|
const operators = await prisma.user.findMany({
|
|
where: { role: 'OPERATOR' },
|
|
select: { id: true, email: true },
|
|
orderBy: { email: 'asc' },
|
|
});
|
|
|
|
return (
|
|
<main className="mx-auto flex min-h-screen max-w-sm flex-col justify-center gap-8 p-6">
|
|
<header className="text-center">
|
|
<h1 className="text-2xl font-bold tracking-tight">Quem és tu?</h1>
|
|
<p className="mt-1 text-sm text-muted-foreground">Escolhe o teu perfil para continuar.</p>
|
|
</header>
|
|
<OperatorPicker operators={operators} />
|
|
</main>
|
|
);
|
|
}
|