PromucFlow_constructor/app/client/src/pages
Jacques Ikot ed940a6413
fix: improve full name input styling to match radio buttons (#40727)
### Summary
This PR updates the styling of the user full name input field on the
onboarding screen to match the styling of the radio button groups,
creating a more consistent and polished UI.

### Problem
The full name input field in the onboarding form had inconsistent
styling compared to the radio button groups, which created a visually
disjointed user experience.

### Solution
- Created a styled version of `FormTextField` that matches the styling
of radio buttons
- Added proper spacing with a dedicated `InputSection` component
- Removed unnecessary vertical spacing elements
- Ensured consistent typography, sizing, and spacing across form
elements

### Changes
- Added `StyledFormTextField` with custom CSS to match radio button
styling:
  - Same font size and weight for labels
  - Consistent height, padding, and border-radius
  - Full width input field
- Created `InputSection` for consistent vertical spacing
- Replaced original `FormTextField` with the styled version
- Removed redundant `Space` components

### Screenshots
![Before](
<img width="1449" alt="Screenshot 2025-05-22 at 6 50 04 AM"
src="https://github.com/user-attachments/assets/54384e0d-4874-4550-8415-54b15a8e9b13"
/>
) | ![After](
<img width="1452" alt="Screenshot 2025-05-22 at 6 39 38 AM"
src="https://github.com/user-attachments/assets/01b8fd1e-0c47-4d8f-abe7-4f47a31366b6"
/>
)

## 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/15205128744>
> Commit: 6e26d5ad7afef489697362b9202d7fd3be5b63a0
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=15205128744&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Sanity, @tag.Authentication`
> Spec:
> <hr>Fri, 23 May 2025 08:33:29 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**
- Added a required full name field to the non-super user profiling form,
displayed when cloud billing is enabled.
- **Style**
- Improved input field appearance and adjusted vertical spacing for a
cleaner form layout.
- **Refactor**
- Streamlined form styling by introducing new styled components and
localizing spacing definitions.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2025-05-26 01:02:18 -07:00
..
AdminSettings chore: Update flags for self-hosting agents (#40639) 2025-05-13 17:36:58 +05:30
AppIDE chore: Update flags for self-hosting agents (#40639) 2025-05-13 17:36:58 +05:30
Applications chore: Update flags for self-hosting agents (#40639) 2025-05-13 17:36:58 +05:30
AppViewer chore: update import of AppState to DefaultReduxState (#40494) 2025-05-01 15:53:37 +05:30
common chore: Update flags for self-hosting agents (#40639) 2025-05-13 17:36:58 +05:30
Editor feat: Handling the case when reactive actions feature flag is turned off and the run behaviour is Automatic (#40709) 2025-05-21 13:57:24 +05:30
hooks chore: delete unused code (#36461) 2024-09-23 13:52:00 +03:00
setup fix: improve full name input styling to match radio buttons (#40727) 2025-05-26 01:02:18 -07:00
Templates chore: update import of AppState to DefaultReduxState (#40494) 2025-05-01 15:53:37 +05:30
tests chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
UserAuth fix: redirect users not part of organization to signup page (#40735) 2025-05-22 15:42:27 +01:00
UserProfile chore: Migrate Tenant to Organization (#38891) 2025-02-18 20:41:07 +05:30
users chore:delete unused files (#36368) 2024-09-19 16:01:03 +03:00
workspace chore: update import of AppState to DefaultReduxState (#40494) 2025-05-01 15:53:37 +05:30
utils.ts chore: Add separate flow for Anvil app publish (#39891) 2025-03-25 15:25:48 +05:30