Inna
20e1d5a6b5
Mueve la página de login a /log-in y actualiza todas las referencias (enlace CONECTAR del header y los redirect de auth de ~45 páginas). /login ahora da 404. La API /api/auth/login no se toca (solo la ruta de página). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect, useRef, useState } from 'react'
|
|
import { useTranslations } from 'next-intl'
|
|
import { Link } from '@/i18n/navigation'
|
|
|
|
/** Cliente genérico que confirma un hash contra un endpoint (POST) al abrir la página. */
|
|
export function ConfirmClient({
|
|
hash,
|
|
endpoint,
|
|
namespace,
|
|
showLogin = false,
|
|
}: {
|
|
hash: string
|
|
endpoint: string
|
|
namespace: string
|
|
showLogin?: boolean
|
|
}) {
|
|
const t = useTranslations(namespace)
|
|
const [state, setState] = useState<'loading' | 'ok' | 'error'>('loading')
|
|
const ran = useRef(false)
|
|
|
|
useEffect(() => {
|
|
if (ran.current) return
|
|
ran.current = true
|
|
if (!hash) {
|
|
setState('error')
|
|
return
|
|
}
|
|
fetch(endpoint, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ hash }),
|
|
})
|
|
.then((r) => r.json())
|
|
.then((d: { success?: boolean }) => setState(d.success ? 'ok' : 'error'))
|
|
.catch(() => setState('error'))
|
|
}, [hash, endpoint])
|
|
|
|
return (
|
|
<div className="centered">
|
|
{state === 'loading' && <p>{t('activating')}</p>}
|
|
{state === 'ok' && (
|
|
<>
|
|
<span className="ok-form-response">{t('success')}</span>
|
|
{showLogin && (
|
|
<p style={{ marginTop: 16 }}>
|
|
<Link href="/log-in">{t('goLogin')}</Link>
|
|
</p>
|
|
)}
|
|
</>
|
|
)}
|
|
{state === 'error' && <span className="red-form-response">{t('error')}</span>}
|
|
</div>
|
|
)
|
|
}
|