From 6816a4b64a3fe11b023abe600481791a77ac7cc3 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 24 Mar 2024 16:53:33 +0800
Subject: [PATCH] Port the tooltip stuff to other link cards

---
 src/pages/catchup.jsx  |  8 +++++++-
 src/pages/trending.jsx | 14 ++++++++++++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/pages/catchup.jsx b/src/pages/catchup.jsx
index 6e9ece7f..5ca90137 100644
--- a/src/pages/catchup.jsx
+++ b/src/pages/catchup.jsx
@@ -1134,7 +1134,12 @@ function Catchup() {
                                   )}
                                 </div>
                                 {!!title && (
-                                  <h1 class="title" lang={language} dir="auto">
+                                  <h1
+                                    class="title"
+                                    lang={language}
+                                    dir="auto"
+                                    title={title}
+                                  >
                                     {title}
                                   </h1>
                                 )}
@@ -1144,6 +1149,7 @@ function Catchup() {
                                   class="description"
                                   lang={language}
                                   dir="auto"
+                                  title={description}
                                 >
                                   {description}
                                 </p>
diff --git a/src/pages/trending.jsx b/src/pages/trending.jsx
index c107cc57..8c04359a 100644
--- a/src/pages/trending.jsx
+++ b/src/pages/trending.jsx
@@ -217,13 +217,23 @@ function Trending({ columnMode, ...props }) {
                           )}
                         </div>
                         {!!title && (
-                          <h1 class="title" lang={language} dir="auto">
+                          <h1
+                            class="title"
+                            lang={language}
+                            dir="auto"
+                            title={title}
+                          >
                             {title}
                           </h1>
                         )}
                       </header>
                       {!!description && (
-                        <p class="description" lang={language} dir="auto">
+                        <p
+                          class="description"
+                          lang={language}
+                          dir="auto"
+                          title={description}
+                        >
                           {description}
                         </p>
                       )}