From 28ad18bd0bf096e3a934b971b921a99557a0f813 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 22 Jul 2023 20:30:32 +0800
Subject: [PATCH] Show pronunciation text in tooltip

---
 src/components/translation-block.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/translation-block.jsx b/src/components/translation-block.jsx
index ea6af27..5b860ee 100644
--- a/src/components/translation-block.jsx
+++ b/src/components/translation-block.jsx
@@ -116,7 +116,11 @@ function TranslationBlock({
             icon="translate"
             alt={`Auto-translated from ${sourceLangText}`}
           />
-          <output lang={targetLang} dir="auto">
+          <output
+            lang={targetLang}
+            dir="auto"
+            title={pronunciationContent || ''}
+          >
             {translatedContent}
           </output>
         </div>