Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-17 06:16:59 +08: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 t = useAFFiNEI18N();
const [menuOpen, setMenuOpen] = useState(false); const [menuOpen, setMenuOpen] = useState(false);
const [tagName, setTagName] = useState(tagMeta?.title); const [tagName, setTagName] = useState(tagMeta?.title || '');
const handleChangeName = useCallback((value: string) => { const handleChangeName = useCallback((value: string) => {
setTagName(value); setTagName(value);
}, []); }, []);
@@ -128,10 +128,14 @@ export const CreateOrEditTag = ({
}, [open, onOpenChange, menuOpen, onClose]); }, [open, onOpenChange, menuOpen, onClose]);
useEffect(() => { useEffect(() => {
setTagName(tagMeta?.title); setTagName(tagMeta?.title || '');
setTagIcon(tagMeta?.color || randomTagColor()); setTagIcon(tagMeta?.color || randomTagColor());
}, [tagMeta?.color, tagMeta?.title]); }, [tagMeta?.color, tagMeta?.title]);
if (!open) {
return null;
}
return ( return (
<div className={styles.createTagWrapper} data-show={open}> <div className={styles.createTagWrapper} data-show={open}>
<Menu <Menu
@@ -152,6 +156,7 @@ export const CreateOrEditTag = ({
onEnter={onConfirm} onEnter={onConfirm}
value={tagName} value={tagName}
onChange={handleChangeName} onChange={handleChangeName}
autoFocus
/> />
<Button className={styles.cancelBtn} onClick={onClose}> <Button className={styles.cancelBtn} onClick={onClose}>
{t['Cancel']()} {t['Cancel']()}