luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 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) => { }: TagsEditorProps) => {
const t = useI18n(); const t = useI18n();
const [inputValue, setInputValue] = useState(''); 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 inputRef = useRef<HTMLInputElement>(null);
const exactMatch = filteredTags.find(tag => tag.value === inputValue); const exactMatch = filteredTags.find(tag => tag.value === trimmedInputValue);
const showCreateTag = !exactMatch && inputValue.trim(); const showCreateTag = !exactMatch && trimmedInputValue;
// tag option candidates to show in the tag dropdown // tag option candidates to show in the tag dropdown
const tagOptions: TagOption[] = useMemo(() => { const tagOptions: TagOption[] = useMemo(() => {
if (showCreateTag) { if (showCreateTag) {
return [{ create: true, value: inputValue } as const, ...filteredTags]; return [
{ create: true, value: trimmedInputValue } as const,
...filteredTags,
];
} else { } else {
return filteredTags; return filteredTags;
} }
}, [filteredTags, inputValue, showCreateTag]); }, [filteredTags, showCreateTag, trimmedInputValue]);
const [focusedIndex, setFocusedIndex] = useState<number>(-1); const [focusedIndex, setFocusedIndex] = useState<number>(-1);
const [focusedInlineIndex, setFocusedInlineIndex] = useState<number>( const [focusedInlineIndex, setFocusedInlineIndex] = useState<number>(