content: transformContent: show tooltip for images with links

1 files changed, 11 insertions, 2 deletions

diff --git a/src/content/dependencies/transformContent.js b/src/content/dependencies/transformContent.js
index 654bb258..42790e7c 100644
--- a/src/content/dependencies/transformContent.js
+++ b/src/content/dependencies/transformContent.js
@@ -266,13 +266,22 @@ export default {
                     {class: 'pixelate'});
 
               if (link) {
-                // TODO: Would be nice to use an external link component here,
-                // just for the title text (ex. "YouTube (opens in new tab)")
                 content =
                   html.tag('a',
                     {href: link},
                     {target: '_blank'},
 
+                    {title:
+                      language.$('misc.external.opensInNewTab', {
+                        link:
+                          language.formatExternalLink(link, {
+                            style: 'platform',
+                          }),
+
+                        annotation:
+                          language.$('misc.external.opensInNewTab.annotation'),
+                      }).toString()},
+
                     content);
               }