Inna
f7a376bd7c
- /rename-character y /customize-character: renombrar/personalizar pagados por SumUp (getRenamePrice/getCustomizePrice). SumUp ahora es service-aware: columna home_stripelog.service; createSumUpCheckout guarda service+character; fulfillSumUpCheckout despacha a la acción del servicio (.char rename/customi) o, sin service, acredita PD. [service]/checkout acepta provider:'sumup'; PaidServiceForm acepta provider+confirmText; service-success maneja el return SumUp. Se eliminan las antiguas /rename y /customize (Stripe). - /revive-character (comparte ReviveServiceContent); se elimina /revive. - Renombres de ruta + todos sus enlaces: /account -> /my-account, /recruit -> /recruit-a-friend, /unstuck -> /unstuck-character. (/select-account y /api/account/* intactos.) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
77 lines
2.9 KiB
TypeScript
77 lines
2.9 KiB
TypeScript
import type { Metadata } from 'next'
|
|
import { setRequestLocale } from 'next-intl/server'
|
|
import { redirect } from '@/i18n/navigation'
|
|
import { getSession } from '@/lib/session'
|
|
import { getGameCharacters } from '@/lib/characters'
|
|
import { getCustomizePrice } from '@/lib/prices'
|
|
import { PageShell } from '@/components/PageShell'
|
|
import { ServiceBox } from '@/components/ServiceBox'
|
|
import { PaidServiceForm } from '@/components/PaidServiceForm'
|
|
|
|
export const dynamic = 'force-dynamic'
|
|
|
|
export const metadata: Metadata = { title: 'Personalizar personaje' }
|
|
|
|
export default async function CustomizeCharacterPage({ params }: { params: Promise<{ locale: string }> }) {
|
|
const { locale } = await params
|
|
setRequestLocale(locale)
|
|
|
|
const session = await getSession()
|
|
if (!session.bnetId) redirect({ href: '/login', locale })
|
|
if (!session.username) redirect({ href: '/select-account', locale })
|
|
|
|
const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getCustomizePrice()])
|
|
|
|
return (
|
|
<PageShell title="Personalizar personaje">
|
|
<ServiceBox>
|
|
<br />
|
|
<p>
|
|
La herramienta <span>Personalizar personaje</span> te permite cambiar los siguientes aspectos un personaje:
|
|
</p>
|
|
<p>- Color de la piel</p>
|
|
<p>- Rostro</p>
|
|
<p>- Pelo</p>
|
|
<p>- Sexo</p>
|
|
<p>- Características correspondientes a cada raza como cuernos, pendientes, marcas, vello facial</p>
|
|
<p>Si también deseas cambiar el nombre del personaje, debes usar la herramienta Renombrar personaje.</p>
|
|
<br />
|
|
<p>
|
|
Al usar el botón PERSONALIZAR del personaje que hayas escogido, se enviará una petición de personalización de
|
|
dicho personaje.
|
|
</p>
|
|
<p>Cuando ingreses a la lista de personajes de tu cuenta, verás un ícono a la izquierda de tu personaje escogido.</p>
|
|
<p>
|
|
Al darle click a dicho ícono ingresarás al menú de edición de personaje que te permitirá escoger diferentes
|
|
características.
|
|
</p>
|
|
<br />
|
|
<fieldset>
|
|
<legend>NOTA</legend>
|
|
<div className="separate2">
|
|
<p>
|
|
Por favor, asegúrate de haber escogido al personaje correcto ya que esta acción no es reversible una vez
|
|
realizada.
|
|
</p>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<div className="centered">
|
|
<br />
|
|
<br />
|
|
<p>Requiere <span>{price}</span> <span className="yellow-info">€</span> (SumUp)</p>
|
|
</div>
|
|
|
|
<PaidServiceForm
|
|
characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))}
|
|
checkoutEndpoint="/api/character/customize/checkout"
|
|
payLabel="PERSONALIZAR"
|
|
buttonClass="customize-button"
|
|
provider="sumup"
|
|
confirmText={`¿Estás seguro de personalizar al personaje seleccionado por ${price} € (SumUp)?`}
|
|
/>
|
|
</ServiceBox>
|
|
</PageShell>
|
|
)
|
|
}
|