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

style: option to edit display name in profile page (#1818)

Browse Source
This commit is contained in:
Dakshesh Jain 2023-08-09 16:44:35 +05:30 committed by GitHub
parent d9ccce41bc
commit 2a6eb5fe23
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -69,6 +69,7 @@ const Profile: NextPage = () => {
last_name: formData.last_name,
avatar: formData.avatar,
role: formData.role,
display_name: formData.display_name,
};
await userService
@ -227,6 +228,36 @@ const Profile: NextPage = () => {
/>
</div>
</div>
<div className="grid grid-cols-12 gap-4 sm:gap-16">
<div className="col-span-12 sm:col-span-6">
<h4 className="text-lg font-semibold text-custom-text-100">Display Name</h4>
<p className="text-sm text-custom-text-200">
The email address that you are using.
</p>
</div>
<div className="col-span-12 sm:col-span-6">
<Input
id="display_name"
name="display_name"
autoComplete="off"
register={register}
error={errors.display_name}
className="w-full"
placeholder="Enter your display name"
validations={{
required: "Display name is required.",
minLength: {
value: 3,
message: "Display name must be at least 3 characters long.",
},
maxLength: {
value: 20,
message: "Display name should not exceed 20 characters",
},
}}
/>
</div>
</div>
<div className="grid grid-cols-12 gap-4 sm:gap-16">
<div className="col-span-12 sm:col-span-6">
<h4 className="text-lg font-semibold text-custom-text-100">Email</h4>