thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

refactor: added validation for display_name (#1823)

Browse Source
This commit is contained in:
Dakshesh Jain 2023-08-10 13:05:03 +05:30 committed by GitHub
parent 005b42cb8d
commit 1c6cdb8328
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
apps/app/pages/[workspaceSlug]/me/profile/index.tsx
View File

@ -205,9 +205,6 @@ const Profile: NextPage = () => {
<div className="grid grid-cols-12 gap-4 sm:gap-16"> <div className="grid grid-cols-12 gap-4 sm:gap-16">
<div className="col-span-12 sm:col-span-6"> <div className="col-span-12 sm:col-span-6">
<h4 className="text-lg font-semibold text-custom-text-100">Full Name</h4> <h4 className="text-lg font-semibold text-custom-text-100">Full Name</h4>
<p className="text-sm text-custom-text-200">
This name will be reflected on all the projects you are working on.
</p>
</div> </div>
<div className="col-span-12 flex items-center gap-2 sm:col-span-6"> <div className="col-span-12 flex items-center gap-2 sm:col-span-6">
<Input <Input
@ -232,7 +229,8 @@ const Profile: NextPage = () => {
<div className="col-span-12 sm:col-span-6"> <div className="col-span-12 sm:col-span-6">
<h4 className="text-lg font-semibold text-custom-text-100">Display Name</h4> <h4 className="text-lg font-semibold text-custom-text-100">Display Name</h4>
<p className="text-sm text-custom-text-200"> <p className="text-sm text-custom-text-200">
The email address that you are using. This could be your first name, or a nickname — however you{"'"}d like people to
refer to you in Plane.
</p> </p>
</div> </div>
<div className="col-span-12 sm:col-span-6"> <div className="col-span-12 sm:col-span-6">
@ -246,13 +244,19 @@ const Profile: NextPage = () => {
placeholder="Enter your display name" placeholder="Enter your display name"
validations={{ validations={{
required: "Display name is required.", required: "Display name is required.",
minLength: { validate: (value) => {
value: 3, if (value.trim().length < 1) return "Display name can't be empty.";
message: "Display name must be at least 3 characters long.",
}, if (value.split(" ").length > 1)
maxLength: { return "Display name can't have two consecutive spaces.";
value: 20,
message: "Display name should not exceed 20 characters", if (value.replace(/\s/g, "").length < 1)
return "Display name must be at least 1 characters long.";
if (value.replace(/\s/g, "").length > 20)
return "Display name must be less than 20 characters long.";
return true;
}, },
}} }}
/> />