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
34 lines
1.0 KiB
TypeScript
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>
|
|
);
|
|
}
|