data, content, css: Artwork.fileNotes

1 files changed, 13 insertions, 0 deletions

diff --git a/src/content/dependencies/generateCoverArtworkOriginDetails.js b/src/content/dependencies/generateCoverArtworkOriginDetails.js
index c8f51368..7aaa0159 100644
--- a/src/content/dependencies/generateCoverArtworkOriginDetails.js
+++ b/src/content/dependencies/generateCoverArtworkOriginDetails.js
@@ -18,6 +18,9 @@ export default {
     originDetails:
       relation('transformContent', artwork.originDetails),
 
+    fileNotes:
+      relation('transformContent', artwork.fileNotes),
+
     albumLink:
       (artwork.thing.isAlbum
         ? relation('linkAlbum', artwork.thing)
@@ -146,6 +149,15 @@ export default {
                 absorbPunctuationFollowingExternalLinks: false,
               }));
 
+          const fileNotesLine =
+            html.tag('span', {class: 'file-notes-line'},
+              {[html.onlyIfContent]: true},
+
+              relations.fileNotes.slots({
+                mode: 'inline',
+                absorbPunctuationFollowingExternalLinks: false,
+              }));
+
           const filenameLine =
             html.tag('span', {class: 'filename-line'},
               {[html.onlyIfContent]: true},
@@ -165,6 +177,7 @@ export default {
             ], {[html.joinChildren]: html.tag('br')}),
 
             originDetailsLine,
+            fileNotesLine,
             filenameLine,
           ];
         })())),