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

fix: don't show hint if a tag already exists with that title

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-26 16:03:33 -03:00
parent fa08b7eaf3
commit 6d865bc04f
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,6 +21,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
const [dropdownVisible, setDropdownVisible] = useState(false); const [dropdownVisible, setDropdownVisible] = useState(false);
const [dropdownMaxHeight, setDropdownMaxHeight] = const [dropdownMaxHeight, setDropdownMaxHeight] =
useState<number | 'auto'>('auto'); useState<number | 'auto'>('auto');
const [hintVisible, setHintVisible] = useState(true);
const getActiveNoteTagResults = (query: string) => { const getActiveNoteTagResults = (query: string) => {
const { activeNote } = appState.notes; const { activeNote } = appState.notes;
@@ -53,7 +54,9 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
const onSearchQueryChange = (event: Event) => { const onSearchQueryChange = (event: Event) => {
const query = (event.target as HTMLInputElement).value; const query = (event.target as HTMLInputElement).value;
setTagResults(getActiveNoteTagResults(query)); const tags = getActiveNoteTagResults(query);
setTagResults(tags);
setHintVisible(query !== '' && !tags.some((tag) => tag.title === query));
setSearchQuery(query); setSearchQuery(query);
}; };
@@ -124,7 +127,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
</button> </button>
); );
})} })}
{searchQuery !== '' && ( {hintVisible && (
<> <>
{tagResults.length > 0 && ( {tagResults.length > 0 && (
<div className="h-1px my-2 bg-border"></div> <div className="h-1px my-2 bg-border"></div>