Inna
8e16ba8391
Comparado contra el store original (ultimowow /es/store-bennu) con una sesión real: markup, CSS y clases que aplica su power.js. Cinco causas distintas: - Los nombres de ítem salían azules: el layout declaraba `const whTooltips`, que queda en el ámbito léxico del script y NO crea propiedad en `window`, que es de donde tooltips.js lee la config -> se ignoraba entera. Ahora `window.whTooltips`, con colorLinks+iconizeLinks (el original no define whTooltips y usa esos defaults; sus enlaces acaban con clases `icontinyl q4`). renameLinks sigue en false: el texto sale de nuestra BD, en español. - tooltips.js solo recorre el DOM al cargar, así que los enlaces que monta React (hoja del árbol, carrito) no se teñían. Se pasan por $WowheadPower.refreshLinks(), igual que hace el original tras cada AJAX. - globals.css redefinía .item-box/.item-name/.item-img-box/.max-left-table2, que el tema nw-ryu ya trae del original, y con más especificidad ganaba la cascada. El peor: un `border-collapse` que anulaba el `border-spacing: 0 8px` del tema, que es lo que separa las filas del carrito. - Faltaban la caja "Carrito - <REINO>" y "Personaje seleccionado: <nombre>" (coloreado por clase), que el original sí tiene. - El total de la columna "Cant" mostraba el número de líneas en vez de la suma de cantidades: un ítem que entrega un mazo de 20 debe contar 20, no 1. Verificado con navegador contra un build de producción: el nombre del ítem sale con clases `icontinyl q4` y color rgb(163,53,238), el mismo valor exacto que devuelve el original. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
65 lines
2.1 KiB
TypeScript
65 lines
2.1 KiB
TypeScript
import type { Metadata } from 'next'
|
|
import { getTranslations, setRequestLocale } from 'next-intl/server'
|
|
import { redirect } from '@/i18n/navigation'
|
|
import { getSession } from '@/lib/session'
|
|
import { getGameCharacters } from '@/lib/characters'
|
|
import { getStoreBalances } from '@/lib/store'
|
|
import { getRealmName } from '@/lib/realm'
|
|
import { wowheadWotlkHome } from '@/lib/wowhead'
|
|
import { PageShell } from '@/components/PageShell'
|
|
import { ServiceBox } from '@/components/ServiceBox'
|
|
import { StoreBrowser } from '@/components/StoreBrowser'
|
|
import { StoreNews } from '@/components/StoreNews'
|
|
|
|
export const dynamic = 'force-dynamic'
|
|
|
|
export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
|
|
const { locale } = await params
|
|
const t = await getTranslations({ locale, namespace: 'Store' })
|
|
return { title: t('title') }
|
|
}
|
|
|
|
export default async function StorePage({ params }: { params: Promise<{ locale: string }> }) {
|
|
const { locale } = await params
|
|
setRequestLocale(locale)
|
|
|
|
const session = await getSession()
|
|
if (!session.bnetId) redirect({ href: '/log-in', locale })
|
|
if (!session.username) redirect({ href: '/select-account', locale })
|
|
|
|
const [chars, balances, realm] = await Promise.all([
|
|
getGameCharacters(session.accountId!),
|
|
getStoreBalances(session.accountId!),
|
|
getRealmName(),
|
|
])
|
|
|
|
const t = await getTranslations('Store')
|
|
|
|
return (
|
|
<PageShell title={<>{t('title')} - <span className="blue-info">{realm.toUpperCase()}</span></>}>
|
|
<ServiceBox>
|
|
<br />
|
|
<p>{t('infoTooltip')}</p>
|
|
<p>
|
|
{t.rich('infoDb', {
|
|
link: (c) => (
|
|
<a href={wowheadWotlkHome(locale)} target="_blank" rel="noopener noreferrer">
|
|
{c}
|
|
</a>
|
|
),
|
|
})}
|
|
</p>
|
|
<br />
|
|
<StoreNews />
|
|
</ServiceBox>
|
|
|
|
<StoreBrowser
|
|
characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))}
|
|
dp={balances.dp}
|
|
vp={balances.vp}
|
|
realm={realm}
|
|
/>
|
|
</PageShell>
|
|
)
|
|
}
|