Pedro Gomes
35e7027881
O que mudou
Infra (por app):
i18n/locales.ts — lista de locales (pt, en), default pt, labels para o seletor
i18n/request.ts — lê o cookie NEXT_LOCALE, carrega as mensagens
messages/pt.json + messages/en.json — todas as strings extraídas
next.config.ts — envolvido com withNextIntl (operator-pwa: withPWA(withNextIntl(...)))
app/layout.tsx — <html lang={locale}> dinâmico, NextIntlClientProvider
app/language-switcher.tsx — seletor PT | EN (cookie + router.refresh())
23 ficheiros de UI atualizados — todos os textos visíveis agora usam t('...') ou getTranslations.
Datas no relatório passaram de toLocaleString('pt-PT') fixo para useFormatter() do next-intl — localizam-se automaticamente.
Plurais em ICU no sync-chip: {count, plural, one {# pedido...} other {# pedidos...}}.
Resultado dos testes:
pnpm test:e2e — 3/3 ✓
pnpm test:e2e:auth — 4/4 ✓
tsc --noEmit em ambas as apps — limpo ✓
Para adicionar uma língua futura: criar messages/<locale>.json + adicionar o locale a i18n/locales.ts em cada app. O seletor aparece automaticamente.
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { redirect } from 'next/navigation';
|
|
import { getTranslations } from 'next-intl/server';
|
|
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 t = await getTranslations('auth');
|
|
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">{t('pickerTitle')}</h1>
|
|
<p className="mt-1 text-sm text-muted-foreground">{t('pickerSubtitle')}</p>
|
|
</header>
|
|
<OperatorPicker operators={operators} />
|
|
</main>
|
|
);
|
|
}
|