Inna
e00a439dd9
- Route handlers: /api/auth/logout (destroy sesión), /api/auth/select-account (fija la cuenta de juego elegida, valida que pertenece a la bnet en sesión). - app/[locale]/select-account: página SSR (guarda: sin bnetId -> login) + lista de cuentas de juego (SelectAccountForm cliente) -> /account. - app/[locale]/account: página protegida (sin bnetId -> login; sin username -> select-account) con datos de sesión + LogoutButton. - Textos en messages (Account, SelectAccount). Verificado: guardas locale-aware (ES /account -> /login, EN /en/account -> /en/login, 307), logout OK, select-account sin sesión 401. Redirect i18n con next-intl. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
29 lines
671 B
TypeScript
29 lines
671 B
TypeScript
'use client'
|
|
|
|
import { useState } from 'react'
|
|
import { useTranslations } from 'next-intl'
|
|
import { useRouter } from '@/i18n/navigation'
|
|
|
|
export function LogoutButton() {
|
|
const t = useTranslations('Account')
|
|
const router = useRouter()
|
|
const [busy, setBusy] = useState(false)
|
|
|
|
async function logout() {
|
|
setBusy(true)
|
|
await fetch('/api/auth/logout', { method: 'POST', credentials: 'same-origin' })
|
|
router.push('/')
|
|
router.refresh()
|
|
}
|
|
|
|
return (
|
|
<button
|
|
onClick={logout}
|
|
disabled={busy}
|
|
className="rounded border border-amber-900/60 px-4 py-2 text-amber-200 disabled:opacity-60"
|
|
>
|
|
{t('logout')}
|
|
</button>
|
|
)
|
|
}
|