Skip to content

Add a way to get back to login from forgot-password#117

Merged
breadddevv merged 9 commits intoPlanetaryOrbit:mainfrom
tucnak1111:yes
Mar 25, 2026
Merged

Add a way to get back to login from forgot-password#117
breadddevv merged 9 commits intoPlanetaryOrbit:mainfrom
tucnak1111:yes

Conversation

@tucnak1111
Copy link
Copy Markdown
Contributor

@tucnak1111 tucnak1111 commented Mar 24, 2026

  • added a link to forgot-password to lead back to login improving UX
  • PS: ignore the dance with package.json vercel was yelling and I copied over the wrong code sob

Summary by CodeRabbit

  • New Features
    • Added a "Remember password?" link on the forgot password page, allowing users to quickly navigate back to login if they recall their credentials.

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Mar 24, 2026

📝 Walkthrough

Walkthrough

A navigation link labeled "Remember password?" was added to the forgot password page to allow users to return to the login page. The footer layout was restructured from right-aligned to a horizontally spaced arrangement accommodating both the new link and existing continue button.

Changes

Cohort / File(s) Summary
Forgot Password Navigation
pages/forgot-password.tsx
Added next/link import and inserted a "Remember password?" navigation link pointing to /login. Updated footer layout from right-aligned to horizontally spaced (flex gap-3) to accommodate both the link and continue button.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰 A password forgotten, a link appears bright,
"Remember it now?" oh what a delight!
Back to the login, no need to despair,
The rabbit hops faster with navigation laid bare! ✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately describes the main change: adding a navigational link to return to login from the forgot-password page, which directly matches the file modification.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🧹 Nitpick comments (2)
pages/forgot-password.tsx (2)

135-143: Fix indentation and consider vertical alignment.

The Link on line 136 lacks proper indentation, and the link text may not be vertically centered with the button.

✨ Suggested formatting and alignment fix
 											<div className="flex gap-3">
-<Link href="/login" className="text-sm text-orbit hover:text-orbit/80 transition-colors">Remember password?</Link>
+												<Link
+													href="/login"
+													className="flex items-center text-sm text-orbit hover:text-orbit/80 transition-colors"
+												>
+													Remember password?
+												</Link>
 												<Button
 													type="submit"
 													classoverride="px-6 py-2.5 text-sm font-medium rounded-xl shadow-sm"
 												>
 													Continue
 												</Button>
 											</div>
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@pages/forgot-password.tsx` around lines 135 - 143, Fix the markup indentation
and vertical alignment for the "Remember password?" Link and Continue Button:
properly indent the Link element so it's clearly a sibling of the Button within
the same div.flex (the JSX around Link and Button in pages/forgot-password.tsx),
and add vertical centering by updating the wrapper div's className to include
items-center (e.g., "flex gap-3 items-center") and/or make the Link an
inline-flex or add "align-middle" so the link text sits vertically centered with
the Button; ensure no other layout classes on Link or Button (e.g.,
classoverride) conflict with vertical alignment.

135-143: Consider keeping the primary action button right-aligned.

Removing justify-end moves the "Continue" button from the right to the left side. Convention typically places primary actions on the right. Using justify-between would position the link on the left and the button on the right.

✨ Suggested layout improvement
-											<div className="flex gap-3">
-<Link href="/login" className="text-sm text-orbit hover:text-orbit/80 transition-colors">Remember password?</Link>
+											<div className="flex items-center justify-between pt-1">
+												<Link
+													href="/login"
+													className="text-sm text-orbit hover:text-orbit/80 transition-colors"
+												>
+													Remember password?
+												</Link>
 												<Button
 													type="submit"
 													classoverride="px-6 py-2.5 text-sm font-medium rounded-xl shadow-sm"
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@pages/forgot-password.tsx` around lines 135 - 143, The action row div in
pages/forgot-password.tsx currently uses className="flex gap-3" which centers
items and moves the primary Button (Continue) to the left; update the div's
className to include layout justification (e.g., "flex justify-between gap-3" or
"flex justify-end gap-3" depending on desired placement) so the Link stays on
the left and the Button (Button component) is right-aligned; ensure the same div
wrapping Link and Button is the one updated so styling applies correctly.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In `@pages/forgot-password.tsx`:
- Around line 135-143: Fix the markup indentation and vertical alignment for the
"Remember password?" Link and Continue Button: properly indent the Link element
so it's clearly a sibling of the Button within the same div.flex (the JSX around
Link and Button in pages/forgot-password.tsx), and add vertical centering by
updating the wrapper div's className to include items-center (e.g., "flex gap-3
items-center") and/or make the Link an inline-flex or add "align-middle" so the
link text sits vertically centered with the Button; ensure no other layout
classes on Link or Button (e.g., classoverride) conflict with vertical
alignment.
- Around line 135-143: The action row div in pages/forgot-password.tsx currently
uses className="flex gap-3" which centers items and moves the primary Button
(Continue) to the left; update the div's className to include layout
justification (e.g., "flex justify-between gap-3" or "flex justify-end gap-3"
depending on desired placement) so the Link stays on the left and the Button
(Button component) is right-aligned; ensure the same div wrapping Link and
Button is the one updated so styling applies correctly.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 2473a788-7b02-4460-95d4-47cf4854b84c

📥 Commits

Reviewing files that changed from the base of the PR and between 7b193ad and aeff13f.

📒 Files selected for processing (1)
  • pages/forgot-password.tsx

@breadddevv breadddevv merged commit 75a8733 into PlanetaryOrbit:main Mar 25, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants