Inna
0244d0f8ef
El párrafo "Requiere 1000 PD" era estático y contradecía el nuevo selector. Ahora indica el coste equivalente (1000 PD o 10 €) y que se puede elegir la forma de pago (PD, tarjeta con Stripe o SumUp), que ya se muestra en el formulario. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
80 lines
2.5 KiB
TypeScript
80 lines
2.5 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 { getGuildMasterGuilds, GUILD_RENAME_PD, GUILD_RENAME_EUR } from '@/lib/guild'
|
|
import { getDPointsBalance } from '@/lib/dpoints'
|
|
import { PageShell } from '@/components/PageShell'
|
|
import { ServiceBox } from '@/components/ServiceBox'
|
|
import { RenameGuildForm } from '@/components/RenameGuildForm'
|
|
|
|
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: 'Points' })
|
|
return { title: t('renameGuild.title') }
|
|
}
|
|
|
|
export default async function RenameGuildPage({ params }: { params: Promise<{ locale: string }> }) {
|
|
const { locale } = await params
|
|
setRequestLocale(locale)
|
|
const t = await getTranslations('Points')
|
|
|
|
const session = await getSession()
|
|
if (!session.bnetId) redirect({ href: '/log-in', locale })
|
|
if (!session.username) redirect({ href: '/select-account', locale })
|
|
|
|
const [guilds, pdBalance] = await Promise.all([
|
|
getGuildMasterGuilds(session.accountId!),
|
|
getDPointsBalance(session.accountId!),
|
|
])
|
|
|
|
return (
|
|
<PageShell title={t('renameGuild.title')}>
|
|
<ServiceBox>
|
|
<br />
|
|
<p>
|
|
{t.rich('renameGuild.intro1', { s: (c) => <span>{c}</span> })}
|
|
</p>
|
|
<br />
|
|
<p>{t('renameGuild.rules')}</p>
|
|
<p>{t('renameGuild.rule1')}</p>
|
|
<p>{t('renameGuild.rule2')}</p>
|
|
<br />
|
|
<p>
|
|
{t('renameGuild.intro2')}
|
|
</p>
|
|
<p>
|
|
{t('renameGuild.intro3')}
|
|
</p>
|
|
<br />
|
|
<fieldset>
|
|
<legend>{t('renameGuild.note')}</legend>
|
|
<div className="separate2">
|
|
<p>
|
|
{t('renameGuild.noteText')}
|
|
</p>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<div className="centered">
|
|
<br />
|
|
<br />
|
|
<p>
|
|
{t.rich('renameGuild.requires', {
|
|
pd: GUILD_RENAME_PD,
|
|
eur: GUILD_RENAME_EUR,
|
|
s: (c) => <span>{c}</span>,
|
|
y: (c) => <span className="yellow-info">{c}</span>,
|
|
})}
|
|
</p>
|
|
<br />
|
|
</div>
|
|
|
|
<RenameGuildForm guilds={guilds} price={GUILD_RENAME_EUR} pdBalance={pdBalance} />
|
|
</ServiceBox>
|
|
</PageShell>
|
|
)
|
|
}
|