From 99812f10534ed57fb9cc958d69ed21e84e2d42ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Tamargo?= <reosarevok@metabrainz.org>
Date: Fri, 10 Jan 2025 12:13:53 +0100
Subject: [PATCH] MBS-13804: Also show where the review is on sidebar

For reviews, it can be annoying to have just a "Review" link with no info
about what kind of review it is and have to hover in order to find out.
This shows the hostname of the review URL on the sidebar, so that
the user can decide based on that what review(s) they are interested in.
I remove www. because it doesn't seem to add anything of value
and takes sidebar space.
---
 root/layout/components/ExternalLinks.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/root/layout/components/ExternalLinks.js b/root/layout/components/ExternalLinks.js
index b40bc44eee0..f44842fb623 100644
--- a/root/layout/components/ExternalLinks.js
+++ b/root/layout/components/ExternalLinks.js
@@ -87,6 +87,7 @@ component ExternalLinks(
   for (let i = 0; i < relationships.length; i++) {
     const relationship = relationships[i];
     const target = relationship.target;
+    console.log(target);
     const entityCredit = entity.id === relationship.entity0_id
       ? relationship.entity0_credit
       : relationship.entity1_credit;
@@ -120,13 +121,20 @@ component ExternalLinks(
         />,
       );
     } else if (linkType.name === 'review') {
+      const urlObject = new URL(target.name);
+      const hostName = urlObject.host.replace('www.','');
+
       blogsAndReviews.push(
         <ExternalLink
           className="review-favicon"
           editsPending={relationship.editsPending}
           entityCredit={entityCredit}
           key={relationship.id}
-          text={l('Review')}
+          text={
+            texp.l(
+              'Review ({hostname})',
+              {hostname: hostName},
+            )}
           url={target}
         />,
       );