content, css: fold non-unique-line into artwork origin details

1 files changed, 32 insertions, 5 deletions

diff --git a/src/content/dependencies/generateCoverArtworkOriginDetails.js b/src/content/dependencies/generateCoverArtworkOriginDetails.js
index 83f5ae8a..c0109141 100644
--- a/src/content/dependencies/generateCoverArtworkOriginDetails.js
+++ b/src/content/dependencies/generateCoverArtworkOriginDetails.js
@@ -1,16 +1,33 @@
+import Thing from '#thing';
+
 export default {
-  contentDependencies: ['generateArtistCredit', 'transformContent'],
-  extraDependencies: ['html', 'language'],
+  contentDependencies: [
+    'generateArtistCredit',
+    'linkAlbum',
+    'transformContent',
+  ],
+
+  extraDependencies: ['html', 'language', 'pagePath'],
+
+  query: (artwork) => ({
+    artworkThingType:
+      artwork.thing.constructor[Thing.referenceType],
+  }),
 
-  relations: (relation, artwork) => ({
+  relations: (relation, query, artwork) => ({
     credit:
       relation('generateArtistCredit', artwork.artistContribs, []),
 
     source:
       relation('transformContent', artwork.source),
+
+    albumLink:
+      (query.artworkThingType === 'album'
+        ? relation('linkAlbum', artwork.thing)
+        : null),
   }),
 
-  data: (artwork) => ({
+  data: (query, artwork) => ({
     label:
       artwork.label,
 
@@ -18,9 +35,12 @@ export default {
       (artwork.date !== artwork.thing.date
         ? artwork.date
         : null),
+
+    artworkThingType:
+      query.artworkThingType,
   }),
 
-  generate: (data, relations, {html, language}) =>
+  generate: (data, relations, {html, language, pagePath}) =>
     language.encapsulate('misc.coverArtwork', capsule =>
       html.tag('p', {class: 'image-details'},
         {[html.onlyIfContent]: true},
@@ -50,6 +70,13 @@ export default {
                 : {}),
           }),
 
+          pagePath[0] === 'track' &&
+          data.artworkThingType === 'album' &&
+            language.$(capsule, 'trackArtFromAlbum', {
+              album:
+                relations.albumLink.slot('color', false),
+            }),
+
           language.$(capsule, 'released', {
             [language.onlyIfOptions]: ['date'],
             date: language.formatDate(data.date),