fix: vocabulary highlights

openai-translator · May 1, 2023 · 303a7d6 · 303a7d6
1 parent 80f8264
commit 303a7d6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/content_script/PopupCard.tsx b/src/content_script/PopupCard.tsx
@@ -558,6 +558,9 @@ export function PopupCard(props: IPopupCardProps) {
         setEditableText(originalText)
         setSelectedWord('')
     }, [originalText, props.uuid])
+    useEffect(() => {
+        setHighlightWords([])
+    }, [props.uuid])
     const [originalLang, setOriginalLang] = useState('')
     const [targetLang, setTargetLang] = useState('')
     const stopAutomaticallyChangeTargetLang = useRef(false)

diff --git a/src/content_script/Vocabulary.tsx b/src/content_script/Vocabulary.tsx
@@ -294,7 +294,11 @@ const Vocabulary = (props: IVocabularyProps) => {
                         } else {
                             articleTxt.current += message.content
                         }
-                        if (articleUsedWord.current?.includes(message.content.toLowerCase().trim())) {
+                        if (
+                            articleUsedWord.current?.find(
+                                (word) => word.toLowerCase().trim() === message.content.toLowerCase().trim()
+                            )
+                        ) {
                             return e + `<b style="color: #f40;">${message.content}</b>`
                         } else {
                             return e + message.content