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

Add forgot username/password links and register link to login page & fix something on reset password. Will add those pages too.

Browse Source
This commit is contained in:
Lncvrt
2026-02-01 15:36:09 -07:00
parent 7a5ca29a7d
commit 6dd01b2d7f
2 changed files with 79 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
src/app/account/login/page.tsx
View File

@@ -6,6 +6,7 @@ import { Suspense, useEffect, useState } from 'react'
import { HomeButton } from '@/app/components/HomeButton'
import { DiscordButton } from '@/app/components/DiscordButton'
import axios from 'axios'
import Link from 'next/link'
function LoginForm ({ redirect }: { redirect: string | null }) {
const [loading, setLoading] = useState<boolean>(true)
@@ -31,65 +32,86 @@ function LoginForm ({ redirect }: { redirect: string | null }) {
{loading ? 'Loading...' : 'Lncvrt Games Login'}
</p>
{!loading && (
<form
className='flex flex-col gap-2'
onSubmit={async e => {
e.preventDefault()
<>
<form
className='flex flex-col gap-2'
onSubmit={async e => {
e.preventDefault()
try {
const result = await axios.post('/api/account/login', {
username,
password
})
if (result.data.success) {
if (result.data.data.session)
setCookie('accountToken', result.data.data.session)
if (result.data.data.username)
setCookie('accountUsername', result.data.data.username)
if (result.data.data.id)
setCookie('accountId', result.data.data.id)
try {
const result = await axios.post('/api/account/login', {
username,
password
})
if (result.data.success) {
if (result.data.data.session)
setCookie('accountToken', result.data.data.session)
if (result.data.data.username)
setCookie('accountUsername', result.data.data.username)
if (result.data.data.id)
setCookie('accountId', result.data.data.id)
router.push(redirect ?? '/account')
} else {
alert(
'Failed to login, error: ' + (result.data.message || 'n/a')
)
router.push(redirect ?? '/account')
} else {
alert(
'Failed to login, error: ' + (result.data.message || 'n/a')
)
}
} catch (e: any) {
if (e.response) {
alert(
'Failed to login, error: ' +
(e.response.data?.message ||
JSON.stringify(e.response.data))
)
} else if (e.request) {
alert('Failed to login, no response from server.')
} else {
alert('Failed to login, error: ' + e.message)
}
}
} catch (e: any) {
if (e.response) {
alert(
'Failed to login, error: ' +
(e.response.data?.message ||
JSON.stringify(e.response.data))
)
} else if (e.request) {
alert('Failed to login, no response from server.')
} else {
alert('Failed to login, error: ' + e.message)
}
}
}}
>
<input
id='username'
name='username'
placeholder='Username'
type='username'
value={username}
onChange={e => setUsername(e.target.value)}
required
/>
<input
id='password'
name='password'
placeholder='Password'
type='password'
value={password}
onChange={e => setPassword(e.target.value)}
required
/>
<button type='submit'>Login</button>
</form>
}}
>
<input
id='username'
name='username'
placeholder='Username'
type='username'
value={username}
onChange={e => setUsername(e.target.value)}
required
/>
<input
id='password'
name='password'
placeholder='Password'
type='password'
value={password}
onChange={e => setPassword(e.target.value)}
required
/>
<button type='submit'>Login</button>
</form>
<div className='flex justify-center flex-col gap-2 mt-6 text-center'>
<Link
href='/account/forgot-username'
draggable={false}
className='button'
>
Forgot username?
</Link>
<Link
href='/account/forgot-password'
draggable={false}
className='button'
>
Forgot password?
</Link>
<Link href='/account/register' draggable={false} className='button'>
Don&apos;t have an account?
</Link>
</div>
</>
)}
</div>
)