## Description This PR implements the multi-organization login page UI to improve the authentication experience for users within organizations. ## Changes - Add new message constants for multi-org login footer in messages.ts - Update OrganizationReduxState interface to include displayName and slug properties - Modify Container component to accept React.ReactNode for title prop - Implement organization-specific title and subtitle on login page - Add footer with contextual options for users: - "Not the right organization?" - Allows users to enter a different organization URL - "Not part of the organization?" - Redirects to the sign-up page - "Looking to create one?" - Redirects to organization creation ## How to Test 1. Enable the `license_multi_org_enabled` feature flag 2. Access the login page through an organization subdomain 3. Verify that the organization name appears in the title 4. Verify that the organization slug appears in the subtitle 5. Test the footer links to ensure they redirect to the correct pages ## Automation /ok-to-test tags="@tag.Sanity, @tag.Authentication" ### 🔍 Cypress test results <!-- This is an auto-generated comment: Cypress test results --> > [!TIP] > 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉 > Workflow run: <https://github.com/appsmithorg/appsmith/actions/runs/15110788513> > Commit: a16c118b747331c152aff2f85fd021f63b041ecc > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=15110788513&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.Sanity, @tag.Authentication` > Spec: > <hr>Mon, 19 May 2025 11:28:08 UTC <!-- end of auto-generated comment: Cypress test results --> ## Communication Should the DevRel and Marketing teams inform users about this change? - [ ] Yes - [ ] No <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Enhanced login page to support multi-organization environments, including dynamic titles, subtitles, and a new footer with contextual messages and links for different organization scenarios. - **Improvements** - Login page title now supports rich content, allowing for more flexible display. - Organization information now includes display name and slug for improved context in multi-org scenarios. <!-- end of auto-generated comment: release notes by coderabbit.ai --> |
||
|---|---|---|
| .. | ||
| .husky | ||
| .yarn | ||
| config | ||
| cypress | ||
| docker/templates | ||
| generators | ||
| packages | ||
| public | ||
| scripts | ||
| src | ||
| test | ||
| typings | ||
| .babelrc | ||
| .dockerignore | ||
| .editorconfig | ||
| .eslintrc.base.json | ||
| .eslintrc.js | ||
| .fork-ts-checkerrc | ||
| .gitignore | ||
| .lintstagedrc.json | ||
| .nvmrc | ||
| .prettierignore | ||
| .prettierrc | ||
| .sentryclirc | ||
| .yarnrc.yml | ||
| build.sh | ||
| cypress_ci_custom.config.ts | ||
| cypress_ci_hosted.config.ts | ||
| cypress_ci.config.ts | ||
| cypress-add-tags.js | ||
| cypress.config.ts | ||
| download-assets.js | ||
| jest.config.js | ||
| knip.json | ||
| package.json | ||
| README.md | ||
| README.old.md | ||
| start-caddy.sh | ||
| start-https.sh | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| tsconfig.path.json | ||
| vercel.json | ||
| yarn.lock | ||
Appsmith Client
This project was bootstrapped with Create React App.
For details on setting up your development machine, please refer to the Setup Guide