rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: reload tag results after adding tag

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-24 19:13:46 -03:00
parent c05220af7a
commit b6aaa49e50
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/javascripts/components/AutocompleteTagInput.tsx
View File

@@ -43,13 +43,21 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
setDropdownVisible(true); setDropdownVisible(true);
}; };
const reloadTags = (query: string) => {
const tags = getActiveNoteTagResults(query);
setTagResults(tags);
};
const onSearchQueryChange = (event: Event) => { const onSearchQueryChange = (event: Event) => {
const query = (event.target as HTMLInputElement).value; const query = (event.target as HTMLInputElement).value;
const tags = getActiveNoteTagResults(query); reloadTags(query);
setSearchQuery(query); setSearchQuery(query);
setTagResults(tags); setDropdownVisible(tagResults.length > 0);
setDropdownVisible(tags.length > 0); };
const onOptionClick = async (tag: SNTag) => {
await appState.notes.addTagToActiveNote(tag);
reloadTags(searchQuery);
}; };
return ( return (
@@ -80,7 +88,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
key={tag.uuid} key={tag.uuid}
className={`flex items-center border-0 focus:inner-ring-info cursor-pointer className={`flex items-center border-0 focus:inner-ring-info cursor-pointer
hover:bg-contrast color-text bg-transparent px-3 text-left py-1.5`} hover:bg-contrast color-text bg-transparent px-3 text-left py-1.5`}
onClick={() => appState.notes.addTagToActiveNote(tag)} onClick={() => onOptionClick(tag)}
onBlur={closeOnBlur} onBlur={closeOnBlur}
> >
<Icon type="hashtag" className="color-neutral mr-2" /> <Icon type="hashtag" className="color-neutral mr-2" />