toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-09-20 07:57:29 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: disable button when value is empty (#3590)

Browse Source 
Co-authored-by: Alex Yang <himself65@outlook.com>
This commit is contained in:
Zeb Wu 2023-08-05 19:27:14 +08:00 committed by GitHub
parent 72c4aa0078
commit 48350d7654
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/component/src/components/page-list/view/create-collection.tsx
View File

@ -9,7 +9,7 @@ import {
SaveIcon,
} from '@blocksuite/icons';
import { uuidv4 } from '@blocksuite/store';
import { useCallback, useState } from 'react';
import { useCallback, useMemo, useState } from 'react';
import {
Button,
@ -167,6 +167,12 @@ export const EditCollection = ({
},
[value]
);
const isNameEmpty = useMemo(() => value.name.trim().length === 0, [value]);
const onSaveCollection = useCallback(() => {
if (!isNameEmpty) {
onConfirm(value);
}
}, [value, isNameEmpty, onConfirm]);
return (
<div
style={{
@ -273,11 +279,8 @@ export const EditCollection = ({
size="large"
data-testid="save-collection"
type="primary"
onClick={() => {
if (value.name.trim().length > 0) {
onConfirm(value);
}
}}
disabled={isNameEmpty}
onClick={onSaveCollection}
>
{onConfirmText ?? t['Create']()}
</Button>