Files
supabase/apps/studio/pages/forgot-password.tsx
Danny White 887279ec2a fix(studio): align remaining platform auth labels (#49879)
## What kind of change does this PR introduce?

Copy fix in Studio platform UI.

## What is the current behavior?

Studio still uses mixed auth wording outside nav dropdowns: in-app API
docs use "Log in", account email change uses "Log out of",
forgot-password uses title-case "Sign In", and org invites use "Create
an account".

## What is the new behavior?

Aligns remaining Studio surfaces with **Sign in / Sign out / Sign up**.
Related to [#49874](https://github.com/supabase/supabase/pull/49874) and
[#49877](https://github.com/supabase/supabase/pull/49877).

CLI copy in `GeneratingTypes.tsx` is unchanged (`supabase login`).

## To test

- Account → change email (GitHub identity): instructions say **Sign out
of**
- `/forgot-password`: footer link says **Sign in**
- Org invite (signed out): secondary button says **Sign up**
- Project → API docs → User Management: section titles use **Sign in** /
**Sign out**

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Documentation**
* Updated authentication terminology across user management guidance and
GitHub email-change instructions for consistency.

* **Improvements**
  * Changed the organization invitation link label to “Sign up.”
* Standardized the forgot-password page link capitalization to “Sign
in.”

* **Tests**
* Updated invitation view coverage to reflect the revised “Sign up”
label.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-09-04 16:52:28 +10:00

34 lines
970 B
TypeScript

import Link from 'next/link'
import { ForgotPasswordWizard } from '@/components/interfaces/SignIn/ForgotPasswordWizard'
import { ForgotPasswordLayout } from '@/components/layouts/SignInLayout/ForgotPasswordLayout'
import type { NextPageWithLayout } from '@/types'
const ForgotPasswordPage: NextPageWithLayout = () => {
return (
<>
<div className="flex flex-col gap-4">
<ForgotPasswordWizard />
</div>
<div className="my-8 self-center text-sm">
<span className="text-foreground-light">Already have an account?</span>{' '}
<Link href="/sign-in" className="underline hover:text-foreground-light">
Sign in
</Link>
</div>
</>
)
}
ForgotPasswordPage.getLayout = (page) => (
<ForgotPasswordLayout
heading="Forgot your password?"
subheading="Enter your email and we'll send you a code to reset the password"
>
{page}
</ForgotPasswordLayout>
)
export default ForgotPasswordPage