Pedro Gomes 03c15fd069 MAI CALL - step 10
Passo 10 completo. AC verificado end-to-end:

Sem foto — row criada com photoKey=null ✓
Com foto — upload para MinIO via presigned PUT + row criada com photoKey correto + conteúdo verificado via presigned GET ✓
O que foi implementado:

/maintenance/new — Client Component com: select de posto (carregado via trpc.workstation.list), input de foto com compressão canvas (max 1600px, JPEG q=0.8), preview + botão remover, textarea com contador, submit que faz upload + create + redirect
/maintenance/sent — Server Component que mostra o clientRequestId e o botão "Voltar ao início"
Build de produção limpo com 7 rotas
2026-05-16 16:26:23 +01:00

34 lines
1.0 KiB
TypeScript

import Link from 'next/link';
import { CheckCircle2 } from 'lucide-react';
export default async function SentPage({
searchParams,
}: {
searchParams: Promise<{ cid?: string }>;
}) {
const { cid } = await searchParams;
return (
<main className="mx-auto flex min-h-dvh max-w-lg flex-col items-center justify-center gap-6 p-6 text-center">
<div className="flex flex-col items-center gap-3">
<CheckCircle2 className="h-16 w-16 text-green-500" />
<h1 className="text-2xl font-bold">Pedido enviado</h1>
{cid && (
<p className="font-mono text-xs text-muted-foreground" data-testid="request-cid">
{cid}
</p>
)}
<p className="text-sm text-muted-foreground">
A equipa de manutenção foi notificada e irá tratar do problema.
</p>
</div>
<Link
href="/"
className="rounded-xl bg-primary px-8 py-3 font-semibold text-primary-foreground hover:opacity-90"
>
Voltar ao início
</Link>
</main>
);
}