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