From 3fb01a3022a3f47c0e1e6e76771a35fce23a128b Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Fri, 29 Dec 2023 23:58:38 -0400
Subject: content: generateColorStyleAttribute

---
 src/content/dependencies/generateGroupInfoPage.js | 21 ++++++---------------
 1 file changed, 6 insertions(+), 15 deletions(-)

(limited to 'src/content/dependencies/generateGroupInfoPage.js')

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)));
                 })),
           ],
-- 
cgit 1.3.0-6-gf8a5