Forgot password page created

src/App.tsx

@@ -10,6 +10,7 @@ import RaidGroupPage from "./pages/protected/RaidGroupPage";
 import RaidGroupsPage from "./pages/protected/RaidGroupsPage";
 import RaidInstancePage from "./pages/protected/RaidInstancePage";
 import RaidLayoutPage from "./pages/protected/RaidLayoutPage";
+import ForgotPasswordPage from "./pages/public/ForgotPassword";
 import HomePage from "./pages/public/HomePage";
 import LoginPage from "./pages/public/LoginPage";
 import SignupPage from "./pages/public/SignupPage";
@@ -36,6 +37,10 @@ const routes = createBrowserRouter([
 						path: "/signup",
 						element: <SignupPage/>
 					},
+					{
+						path: "/forgotPassword",
+						element: <ForgotPasswordPage/>
+					},
 					{
 						element: <ProtectedRoute/>,
 						children: [

src/pages/protected/LogoutPage.tsx

@@ -1,3 +1,4 @@
+import PrimaryButton from "@/components/button/PrimaryButton";
 import { useAuth } from "@/providers/AuthProvider";
 import { api } from "@/util/AxiosUtil";
 import { useNavigate } from "react-router";
@@ -22,12 +23,14 @@ export default function LogoutPage(){
 
 
 	return (
-		<div>
-			<button
+		<div
+			className="mt-8"
+		>
+			<PrimaryButton
 				onClick={logout}
 			>
 				Logout
-			</button>
+			</PrimaryButton>
 		</div>
 	);
 }

src/pages/public/ForgotPassword.tsx

@@ -0,0 +1,7 @@
+export default function ForgotPasswordPage(){
+	return (
+		<main>
+			Under Construction
+		</main>
+	);
+}

src/pages/public/LoginPage.tsx

@@ -3,7 +3,7 @@ import PasswordInput from "@/components/input/PasswordInput";
 import TextInput from "@/components/input/TextInput";
 import { useAuth } from "@/providers/AuthProvider";
 import { useTimedModal } from "@/providers/TimedModalProvider";
-import { Navigate, useNavigate } from "react-router";
+import { Link, Navigate, useNavigate } from "react-router";
 
 
 export default function LoginPage(){
@@ -79,6 +79,15 @@ export default function LoginPage(){
 						Login
 					</PrimaryButton>
 				</div>
+				<div
+					className="flex flex-row justify-center items-center"
+				>
+					<Link
+						to="/forgotPassword"
+					>
+						Forgot Password?
+					</Link>
+				</div>
 			</form>
 		</main>
 	);