diff options
author | (quasar) nebula <qznebula@protonmail.com> | 2023-12-29 23:58:38 -0400 |
---|---|---|
committer | (quasar) nebula <qznebula@protonmail.com> | 2023-12-30 16:26:36 -0400 |
commit | 3fb01a3022a3f47c0e1e6e76771a35fce23a128b (patch) | |
tree | c8b23f194b1c632b02c926cb1b3eeb0b1084cca7 /src/content/dependencies/generateGroupInfoPage.js | |
parent | f400a43640e7106d181d55365a9617c3d12e5891 (diff) |
content: generateColorStyleAttribute
Diffstat (limited to 'src/content/dependencies/generateGroupInfoPage.js')
-rw-r--r-- | src/content/dependencies/generateGroupInfoPage.js | 21 |
1 files changed, 6 insertions, 15 deletions
diff --git a/src/content/dependencies/generateGroupInfoPage.js b/src/content/dependencies/generateGroupInfoPage.js index 8d123c92..3d10298d 100644 --- a/src/content/dependencies/generateGroupInfoPage.js +++ b/src/content/dependencies/generateGroupInfoPage.js @@ -3,7 +3,7 @@ import {empty, stitchArrays} from '#sugar'; export default { contentDependencies: [ 'generateAbsoluteDatetimestamp', - 'generateColorStyleVariables', + 'generateColorStyleAttribute', 'generateContentHeading', 'generateGroupNavLinks', 'generateGroupSecondaryNav', @@ -64,9 +64,9 @@ export default { sec.albums.galleryLink = relation('linkGroupGallery', group); - sec.albums.colorVariables = + sec.albums.albumColorStyles = group.albums - .map(() => relation('generateColorStyleVariables')); + .map(album => relation('generateColorStyleAttribute', album.color)); sec.albums.albumLinks = group.albums @@ -96,9 +96,6 @@ export default { data.name = group.name; data.color = group.color; - data.albumColors = - group.albums.map(album => album.color); - return data; }, @@ -145,14 +142,12 @@ export default { albumLink: sec.albums.albumLinks, groupLink: sec.albums.groupLinks, datetimestamp: sec.albums.datetimestamps, - colorVariables: sec.albums.colorVariables, - albumColor: data.albumColors, + albumColorStyle: sec.albums.albumColorStyles, }).map(({ albumLink, groupLink, datetimestamp, - colorVariables, - albumColor, + albumColorStyle, }) => { const prefix = 'groupInfoPage.albumList.item'; const parts = [prefix]; @@ -182,11 +177,7 @@ export default { return ( html.tag('li', - {style: - colorVariables - .slot('color', albumColor) - .content}, - + albumColorStyle, language.$(...parts, options))); })), ], |