Lncvrt-Games/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add a link to login instead of register on the register page

Browse Source
This commit is contained in:
Lncvrt
2026-02-01 16:38:09 -07:00
parent e758fbfe8f
commit f54480613a
1 changed files with 104 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
src/app/account/register/page.tsx
View File

@@ -7,13 +7,14 @@ import axios from 'axios'
import { getCookie } from '@/util/cookie'
import { useEffect, useState } from 'react'
import { useRouter } from 'next/navigation'
import Link from 'next/link'
export default function AccountRegisterPage () {
const [loading, setLoading] = useState<boolean>(true)
const router = useRouter()
const [token, setToken] = useState<string | null>(null)
const [result, setResult] = useState<number>(-1)
const [result, setResult] = useState<number>(0)
const [username, setUsername] = useState<string>('')
const [email, setEmail] = useState<string>('')
@@ -54,100 +55,111 @@ export default function AccountRegisterPage () {
className='flex justify-center'
/>
) : result == 0 ? (
<form
className='flex flex-col gap-2'
onSubmit={async e => {
e.preventDefault()
<>
<form
className='flex flex-col gap-2'
onSubmit={async e => {
e.preventDefault()
if (email !== retypeEmail) {
alert('Emails must match')
return
}
if (password !== retypePassword) {
alert('Passwords must match')
return
}
try {
const result = await axios.post('/api/account/register', {
token,
username,
email,
password
})
if (result.data.success) {
router.push('/account/login')
} else {
alert(
'Failed to register, error: ' +
(result.data.message || 'n/a')
)
if (email !== retypeEmail) {
alert('Emails must match')
return
}
} catch (e: any) {
if (e.response) {
alert(
'Failed to register, error: ' +
(e.response.data?.message ||
JSON.stringify(e.response.data))
)
} else if (e.request) {
alert('Failed to register, no response from server.')
} else {
alert('Failed to register, error: ' + e.message)
if (password !== retypePassword) {
alert('Passwords must match')
return
}
}
}}
>
<input
id='username'
name='username'
placeholder='Username'
type='username'
value={username}
onChange={e => setUsername(e.target.value)}
required
/>
<input
id='email'
name='email'
placeholder='Email'
type='email'
value={email}
onChange={e => setEmail(e.target.value)}
required
/>
<input
id='retype-email'
name='retype-email'
placeholder='Re-Type email'
type='email'
value={retypeEmail}
onChange={e => setRetypeEmail(e.target.value)}
required
/>
<input
id='password'
name='password'
placeholder='Password'
type='password'
autoComplete='new-password'
value={password}
onChange={e => setPassword(e.target.value)}
required
/>
<input
id='retype-password'
name='retype-password'
placeholder='Re-Type password'
type='password'
autoComplete='new-password'
value={retypePassword}
onChange={e => setRetypePassword(e.target.value)}
required
/>
<button type='submit'>Register</button>
</form>
try {
const result = await axios.post('/api/account/register', {
token,
username,
email,
password
})
if (result.data.success) {
router.push('/account/login')
} else {
alert(
'Failed to register, error: ' +
(result.data.message || 'n/a')
)
}
} catch (e: any) {
if (e.response) {
alert(
'Failed to register, error: ' +
(e.response.data?.message ||
JSON.stringify(e.response.data))
)
} else if (e.request) {
alert('Failed to register, no response from server.')
} else {
alert('Failed to register, error: ' + e.message)
}
}
}}
>
<input
id='username'
name='username'
placeholder='Username'
type='username'
value={username}
onChange={e => setUsername(e.target.value)}
required
/>
<input
id='email'
name='email'
placeholder='Email'
type='email'
value={email}
onChange={e => setEmail(e.target.value)}
required
/>
<input
id='retype-email'
name='retype-email'
placeholder='Re-Type email'
type='email'
value={retypeEmail}
onChange={e => setRetypeEmail(e.target.value)}
required
/>
<input
id='password'
name='password'
placeholder='Password'
type='password'
autoComplete='new-password'
value={password}
onChange={e => setPassword(e.target.value)}
required
/>
<input
id='retype-password'
name='retype-password'
placeholder='Re-Type password'
type='password'
autoComplete='new-password'
value={retypePassword}
onChange={e => setRetypePassword(e.target.value)}
required
/>
<button type='submit'>Register</button>
</form>
<div className='flex justify-center flex-col mt-6 text-center'>
<Link
href='/account/login'
draggable={false}
className='button'
>
Already have an account?
</Link>
</div>
</>
) : (
result == 1 && (
<p className='mt-2 -mb-2 text-center text-sm'>