chore: max length validation added in user name inputs (#3774)

This commit is contained in:
Anmol Singh Bhatia 2024-02-23 19:04:17 +05:30 committed by GitHub
parent 849d3a66c1
commit 50cbb2f002
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 0 deletions

View File

@ -190,6 +190,7 @@ export const UserDetails: React.FC<Props> = observer((props) => {
hasError={Boolean(errors.first_name)}
placeholder="Enter your full name..."
className="w-full border-onboarding-border-100 focus:border-custom-primary-100"
maxLength={24}
/>
)}
/>

View File

@ -250,6 +250,7 @@ const ProfileSettingsPage: NextPageWithLayout = observer(() => {
hasError={Boolean(errors.first_name)}
placeholder="Enter your first name"
className={`w-full rounded-md ${errors.first_name ? "border-red-500" : ""}`}
maxLength={24}
/>
)}
/>
@ -273,6 +274,7 @@ const ProfileSettingsPage: NextPageWithLayout = observer(() => {
hasError={Boolean(errors.last_name)}
placeholder="Enter your last name"
className="w-full rounded-md"
maxLength={24}
/>
)}
/>
@ -369,6 +371,7 @@ const ProfileSettingsPage: NextPageWithLayout = observer(() => {
hasError={Boolean(errors.display_name)}
placeholder="Enter your display name"
className={`w-full ${errors.display_name ? "border-red-500" : ""}`}
maxLength={24}
/>
)}
/>