« get me outta code hell

content, css: generateContributionTooltip: dynamic divider line - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies/generateContributionTooltipExternalLinkSection.js
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-06-18 10:05:03 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-06-18 22:56:15 -0300
commit7357b251e31f7cb27817ac8e75aeb5643b6defe7 (patch)
tree6675305720a49ab414c6d3614a3ec2932475f2b5 /src/content/dependencies/generateContributionTooltipExternalLinkSection.js
parent53b652508d83702f9451f0381d2f5a5ba76b7233 (diff)
content, css: generateContributionTooltip: dynamic divider line
Diffstat (limited to 'src/content/dependencies/generateContributionTooltipExternalLinkSection.js')
-rw-r--r--src/content/dependencies/generateContributionTooltipExternalLinkSection.js53
1 files changed, 27 insertions, 26 deletions
diff --git a/src/content/dependencies/generateContributionTooltipExternalLinkSection.js b/src/content/dependencies/generateContributionTooltipExternalLinkSection.js
index 3a124412..2a2b760f 100644
--- a/src/content/dependencies/generateContributionTooltipExternalLinkSection.js
+++ b/src/content/dependencies/generateContributionTooltipExternalLinkSection.js
@@ -16,33 +16,34 @@ export default {
 
   generate: (data, relations, {html, language}) =>
     language.encapsulate('misc.artistLink', capsule =>
-      stitchArrays({
-        icon: relations.artistIcons,
-        url: data.urls,
-      }).map(({icon, url}) => {
-          icon.setSlots({
-            context: 'artist',
-          });
-
-          let platformText =
-            language.formatExternalLink(url, {
+      html.tags(
+        stitchArrays({
+          icon: relations.artistIcons,
+          url: data.urls,
+        }).map(({icon, url}) => {
+            icon.setSlots({
               context: 'artist',
-              style: 'platform',
             });
 
-          // This is a pretty ridiculous hack, but we currently
-          // don't have a way of telling formatExternalLink to *not*
-          // use the fallback string, which just formats the URL as
-          // its host/domain... so is technically detectable.
-          if (platformText.toString() === (new URL(url)).host) {
-            platformText =
-              language.$(capsule, 'noExternalLinkPlatformName');
-          }
-
-          const platformSpan =
-            html.tag('span', {class: 'icon-platform'},
-              platformText);
-
-          return [icon, platformSpan];
-        })),
+            let platformText =
+              language.formatExternalLink(url, {
+                context: 'artist',
+                style: 'platform',
+              });
+
+            // This is a pretty ridiculous hack, but we currently
+            // don't have a way of telling formatExternalLink to *not*
+            // use the fallback string, which just formats the URL as
+            // its host/domain... so is technically detectable.
+            if (platformText.toString() === (new URL(url)).host) {
+              platformText =
+                language.$(capsule, 'noExternalLinkPlatformName');
+            }
+
+            const platformSpan =
+              html.tag('span', {class: 'icon-platform'},
+                platformText);
+
+            return [icon, platformSpan];
+          }))),
 };