web-next: selector de cuenta INLINE en «Nombre de la cuenta» + fix iconos al cambiar
- El desplegable WOW1/WOW2… ya no es un box aparte: va dentro del campo «Nombre de la cuenta» (select compacto .account-select). Con una sola cuenta, texto plano. - FIX iconos: el cambio de cuenta hacía router.refresh() (navegación suave) que en algunos navegadores dejaba caer las hojas de estilo/FA y no se recuperaban. Ahora hace window.location.reload() (recarga completa) → todo se recarga bien. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,14 +1,14 @@
|
||||
'use client'
|
||||
|
||||
import { useState } from 'react'
|
||||
import { useTranslations } from 'next-intl'
|
||||
import { useRouter } from '@/i18n/navigation'
|
||||
|
||||
/**
|
||||
* Desplegable para cambiar la cuenta de juego activa (WOW1, WOW2…) cuando la
|
||||
* Battle.net tiene más de una. Al cambiar, fija la cuenta en la sesión
|
||||
* (/api/auth/select-account) y refresca → todo /account (datos, personajes,
|
||||
* servicios, compras…) pasa a operar sobre la cuenta seleccionada.
|
||||
* Desplegable INLINE para cambiar la cuenta de juego activa (WOW1, WOW2…),
|
||||
* mostrado en el campo «Nombre de la cuenta» cuando la Battle.net tiene más de
|
||||
* una. Al cambiar, fija la cuenta en la sesión (/api/auth/select-account) y
|
||||
* hace una RECARGA COMPLETA (no router.refresh) → todo /account (datos,
|
||||
* personajes, servicios, compras…) pasa a operar sobre la cuenta elegida y se
|
||||
* recargan bien todos los estilos/iconos.
|
||||
*/
|
||||
export function GameAccountSwitcher({
|
||||
accounts,
|
||||
@@ -17,8 +17,6 @@ export function GameAccountSwitcher({
|
||||
accounts: { id: number; index: number }[]
|
||||
currentId: number
|
||||
}) {
|
||||
const t = useTranslations('Account')
|
||||
const router = useRouter()
|
||||
const [busy, setBusy] = useState(false)
|
||||
|
||||
async function onChange(e: React.ChangeEvent<HTMLSelectElement>) {
|
||||
@@ -33,7 +31,7 @@ export function GameAccountSwitcher({
|
||||
body: JSON.stringify({ accountId: id }),
|
||||
})
|
||||
const d = await res.json()
|
||||
if (d.success) router.refresh()
|
||||
if (d.success) window.location.reload()
|
||||
else setBusy(false)
|
||||
} catch {
|
||||
setBusy(false)
|
||||
@@ -41,19 +39,12 @@ export function GameAccountSwitcher({
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="box-content">
|
||||
<div className="body-box-content centered">
|
||||
<p>
|
||||
{t('switchAccountLabel')}{' '}
|
||||
<select value={currentId} onChange={onChange} disabled={busy} aria-label={t('switchAccountLabel')}>
|
||||
{accounts.map((a) => (
|
||||
<option key={a.id} value={a.id}>
|
||||
WOW{a.index}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<select value={currentId} onChange={onChange} disabled={busy} className="account-select" aria-label="Cuenta de juego">
|
||||
{accounts.map((a) => (
|
||||
<option key={a.id} value={a.id}>
|
||||
WOW{a.index}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user