Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-11 20:08:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(core): edit tag input autofocus (#6296)

Browse Source 
close TOV-724
This commit is contained in:
JimmFly
2024-03-25 08:05:24 +00:00
parent 1ff6af85f5
commit 03c01a9693
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/frontend/core/src/components/page-list/tags/create-tag.tsx
View File

@@ -38,7 +38,7 @@ export const CreateOrEditTag = ({
const t = useAFFiNEI18N();
const [menuOpen, setMenuOpen] = useState(false);
const [tagName, setTagName] = useState(tagMeta?.title);
const [tagName, setTagName] = useState(tagMeta?.title || '');
const handleChangeName = useCallback((value: string) => {
setTagName(value);
}, []);
@@ -128,10 +128,14 @@ export const CreateOrEditTag = ({
}, [open, onOpenChange, menuOpen, onClose]);
useEffect(() => {
setTagName(tagMeta?.title);
setTagName(tagMeta?.title || '');
setTagIcon(tagMeta?.color || randomTagColor());
}, [tagMeta?.color, tagMeta?.title]);
if (!open) {
return null;
}
return (
<div className={styles.createTagWrapper} data-show={open}>
<Menu
@@ -152,6 +156,7 @@ export const CreateOrEditTag = ({
onEnter={onConfirm}
value={tagName}
onChange={handleChangeName}
autoFocus
/>
<Button className={styles.cancelBtn} onClick={onClose}>
{t['Cancel']()}