github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

[WEB-1047] chore: create page modal improvement (#4266)

Browse Source 
* chore: create page modal improvement

* chore: create page modal improvement
This commit is contained in:
Anmol Singh Bhatia 2024-04-23 19:59:34 +05:30 committed by GitHub
parent f174a96ef2
commit a4e5138d1c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/components/pages/modals/page-form.tsx
View File

@ -35,18 +35,14 @@ export const PageForm: React.FC<Props> = (props) => {
}
};
const isTitleLengthMoreThan255Character = formData.name ? formData.name.length > 255 : false;
return (
<form onSubmit={handlePageFormSubmit}>
<div className="space-y-4">
<h3 className="text-lg font-medium leading-6 text-custom-text-100">Create Page</h3>
<div className="space-y-2">
<div>
<div className="text-custom-text-200">Name</div>
<div className="text-xs text-custom-text-300">
Max length of the name should be less than 255 characters
</div>
</div>
<Input
id="name"
type="text"
@ -56,8 +52,10 @@ export const PageForm: React.FC<Props> = (props) => {
className="w-full resize-none text-lg"
tabIndex={1}
required
maxLength={255}
/>
{isTitleLengthMoreThan255Character && (
<span className="text-xs text-red-500">Max length of the name should be less than 255 characters</span>
)}
</div>
</div>
@ -95,7 +93,14 @@ export const PageForm: React.FC<Props> = (props) => {
<Button variant="neutral-primary" size="sm" onClick={handleModalClose} tabIndex={4}>
Cancel
</Button>
<Button variant="primary" size="sm" type="submit" loading={isSubmitting} tabIndex={5}>
<Button
variant="primary"
size="sm"
type="submit"
loading={isSubmitting}
disabled={isTitleLengthMoreThan255Character}
tabIndex={5}
>
{isSubmitting ? "Creating" : "Create Page"}
</Button>
</div>