Skip to content

Use CodeForge logo on forgot password page #101

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
SamRepository25 merged 1 commit into from
Oct 10, 2026
Merged

Use CodeForge logo on forgot password page #101

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 27 additions & 13 deletions src/routes/forgot-password.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
*/
import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
import { useState } from "react";
import { ArrowLeft, CheckCircle2, Code2, Info, KeyRound, Mail } from "lucide-react";
import { ArrowLeft, CheckCircle2, Info, Mail } from "lucide-react";
import { SiteLayout } from "@/components/SiteLayout";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
Expand All @@ -20,7 +20,10 @@ export const Route = createFileRoute("/forgot-password")({
head: () => ({
meta: [
{ title: "Forgot Password — CodeForge" },
{ name: "description", content: "Request a secure password reset link for CodeForge administrator access." },
{
name: "description",
content: "Request a secure password reset link for CodeForge administrator access.",
},
{ name: "robots", content: "noindex, nofollow" },
],
links: [{ rel: "canonical", href: "https://codeforgedev.vercel.app/forgot-password" }],
Expand Down Expand Up @@ -68,7 +71,13 @@ function ForgotPasswordPage() {
<div className="glass-strong gradient-border w-full rounded-3xl p-8">
<div className="mb-6 flex flex-col items-center text-center">
<div className="grid h-12 w-12 place-items-center rounded-2xl bg-gradient-to-br from-violet to-electric glow-violet">
<Code2 className="h-6 w-6 text-white" />
<img
src="/Firefly_RemoveBackground.png"
alt="CodeForge logo"
className="h-10 w-10 object-contain"
width={40}
height={40}
/>
</div>
<h1 className="mt-3 font-display text-2xl font-bold">Forgot Password?</h1>
<p className="mt-1 text-sm text-muted-foreground">
Expand All @@ -82,19 +91,25 @@ function ForgotPasswordPage() {
<CheckCircle2 className="mx-auto h-8 w-8 text-emerald-400" />
<p className="mt-3 font-semibold">Check your email</p>
<p className="mt-2 text-sm text-muted-foreground">
If an account uses that email address, a password reset link has been sent.
The link is time-limited and can only be used through CodeForge.
If an account uses that email address, a password reset link has been sent. The
link is time-limited and can only be used through CodeForge.
</p>
</div>
<Link to="/auth" className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground">
<Link
to="/auth"
className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground"
>
<ArrowLeft className="h-4 w-4" />
Back to Admin Login
</Link>
</div>
) : (
<form onSubmit={submit} className="space-y-5">
<div>
<Label htmlFor="forgot-email" className="text-xs font-semibold uppercase tracking-wider text-muted-foreground">
<Label
htmlFor="forgot-email"
className="text-xs font-semibold uppercase tracking-wider text-muted-foreground"
>
Admin Email
</Label>
<div className="relative mt-1.5">
Expand All @@ -112,11 +127,7 @@ function ForgotPasswordPage() {
</div>
</div>

<TurnstileWidget
key={resetKey}
action="password_reset"
onToken={setTurnstileToken}
/>
<TurnstileWidget key={resetKey} action="password_reset" onToken={setTurnstileToken} />

<Button
type="submit"
Expand All @@ -127,7 +138,10 @@ function ForgotPasswordPage() {
</Button>

<div className="text-center">
<Link to="/auth" className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground">
<Link
to="/auth"
className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground"
>
<ArrowLeft className="h-4 w-4" />
Back to Admin Login
</Link>
Expand Down
Loading