From 6dd01b2d7f0e99e9d91d6854915ea86aa5fb9d93 Mon Sep 17 00:00:00 2001
From: Lncvrt <lncvrtreal@gmail.com>
Date: Sun, 1 Feb 2026 15:36:09 -0700
Subject: [PATCH] Add forgot username/password links and register link to login
 page & fix something on reset password. Will add those pages too.

---
 src/app/account/login/page.tsx          | 134 ++++++++++++++----------
 src/app/account/reset-password/page.tsx |   2 +-
 2 files changed, 79 insertions(+), 57 deletions(-)

diff --git a/src/app/account/login/page.tsx b/src/app/account/login/page.tsx
index c8404ab..28931e7 100644
--- a/src/app/account/login/page.tsx
+++ b/src/app/account/login/page.tsx
@@ -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>
   )
diff --git a/src/app/account/reset-password/page.tsx b/src/app/account/reset-password/page.tsx
index 09b6e7e..85b9883 100644
--- a/src/app/account/reset-password/page.tsx
+++ b/src/app/account/reset-password/page.tsx
@@ -110,7 +110,7 @@ function ResetPasswordForm ({ codeParam }: { codeParam: string }) {
       )}
       {result == 2 && (
         <div className='flex justify-center mt-6'>
-          <button className='button'>Login</button>
+          <button>Login</button>
         </div>
       )}
     </div>