localization support

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.
2026-05-30 16:46:07 +01:00
parent 2093f12d0a
commit 35e7027881
41 changed files with 1549 additions and 259 deletions
@@ -3,11 +3,13 @@
 import { useEffect, useState } from 'react';
 import Link from 'next/link';
 import { CheckCircle2, Clock } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { db } from '@/lib/queue/db';
 import { subscribeBroadcast } from '@/lib/queue/broadcast';

 export function SentStatus({ cid }: { cid: string }) {
-  const [inQueue, setInQueue] = useState<boolean | null>(null); // null = loading
+  const t = useTranslations('maintenance');
+  const [inQueue, setInQueue] = useState<boolean | null>(null);

  useEffect(() => {
    async function check() {
@@ -35,7 +37,7 @@ export function SentStatus({ cid }: { cid: string }) {
          <CheckCircle2 className="h-16 w-16 text-green-500" />
        )}
        <h1 className="text-2xl font-bold">
-          {pending ? 'Pedido em fila' : 'Pedido enviado'}
+          {pending ? t('pendingTitle') : t('sentTitle')}
        </h1>
        {cid && (
          <p className="font-mono text-xs text-muted-foreground" data-testid="request-cid">
@@ -43,16 +45,14 @@ export function SentStatus({ cid }: { cid: string }) {
          </p>
        )}
        <p className="text-sm text-muted-foreground">
-          {pending
-            ? 'Será enviado assim que a ligação for restabelecida.'
-            : 'A equipa de manutenção foi notificada e irá tratar do problema.'}
+          {pending ? t('pendingMessage') : t('sentMessage')}
        </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
+        {t('backHome')}
      </Link>
    </main>
  );