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

fix(core): tag inline editor filter should ignore case (#8936)

Browse Source 
fix PD-1891
This commit is contained in:
pengx17
2024-12-12 02:49:32 +00:00
parent 91089ff5a2
commit ae2d0c3bcf
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/frontend/core/src/components/tags/tags-editor.tsx
View File

@@ -55,20 +55,28 @@ export const TagsEditor = ({
}: TagsEditorProps) => {
const t = useI18n();
const [inputValue, setInputValue] = useState('');
const filteredTags = tags.filter(tag => tag.value.includes(inputValue));
const trimmedInputValue = inputValue.trim();
const filteredTags = tags.filter(tag =>
tag.value.toLowerCase().includes(trimmedInputValue.toLowerCase())
);
const inputRef = useRef<HTMLInputElement>(null);
const exactMatch = filteredTags.find(tag => tag.value === inputValue);
const showCreateTag = !exactMatch && inputValue.trim();
const exactMatch = filteredTags.find(tag => tag.value === trimmedInputValue);
const showCreateTag = !exactMatch && trimmedInputValue;
// tag option candidates to show in the tag dropdown
const tagOptions: TagOption[] = useMemo(() => {
if (showCreateTag) {
return [{ create: true, value: inputValue } as const, ...filteredTags];
return [
{ create: true, value: trimmedInputValue } as const,
...filteredTags,
];
} else {
return filteredTags;
}
}, [filteredTags, inputValue, showCreateTag]);
}, [filteredTags, showCreateTag, trimmedInputValue]);
const [focusedIndex, setFocusedIndex] = useState<number>(-1);
const [focusedInlineIndex, setFocusedInlineIndex] = useState<number>(