From 6d865bc04f7fa861f9b1478a49a582ecdd1f6837 Mon Sep 17 00:00:00 2001
From: Antonella Sgarlatta <antonella@standardnotes.org>
Date: Wed, 26 May 2021 16:03:33 -0300
Subject: [PATCH] fix: don't show hint if a tag already exists with that title

---
 app/assets/javascripts/components/AutocompleteTagInput.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/components/AutocompleteTagInput.tsx b/app/assets/javascripts/components/AutocompleteTagInput.tsx
index a92c94143..cfce139d2 100644
--- a/app/assets/javascripts/components/AutocompleteTagInput.tsx
+++ b/app/assets/javascripts/components/AutocompleteTagInput.tsx
@@ -21,6 +21,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
   const [dropdownVisible, setDropdownVisible] = useState(false);
   const [dropdownMaxHeight, setDropdownMaxHeight] =
     useState<number | 'auto'>('auto');
+  const [hintVisible, setHintVisible] = useState(true);
 
   const getActiveNoteTagResults = (query: string) => {
     const { activeNote } = appState.notes;
@@ -53,7 +54,9 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
 
   const onSearchQueryChange = (event: Event) => {
     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);
   };
 
@@ -124,7 +127,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
                 </button>
               );
             })}
-            {searchQuery !== '' && (
+            {hintVisible && (
               <>
                 {tagResults.length > 0 && (
                   <div className="h-1px my-2 bg-border"></div>