« get me outta code hell

hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies/generateCoverGrid.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/content/dependencies/generateCoverGrid.js')
-rw-r--r--src/content/dependencies/generateCoverGrid.js45
1 files changed, 23 insertions, 22 deletions
diff --git a/src/content/dependencies/generateCoverGrid.js b/src/content/dependencies/generateCoverGrid.js
index a024ae2..970aa05 100644
--- a/src/content/dependencies/generateCoverGrid.js
+++ b/src/content/dependencies/generateCoverGrid.js
@@ -1,3 +1,5 @@
+import {stitchArrays} from '../../util/sugar.js';
+
 export default {
   extraDependencies: ['html'],
 
@@ -12,27 +14,26 @@ export default {
   generate(slots, {html}) {
     return (
       html.tag('div', {class: 'grid-listing'},
-        slots.images.map((image, i) => {
-          const link = slots.links[i];
-          const name = slots.names[i];
-          return link.slots({
-            content: [
-              image.slots({
-                thumb: 'medium',
-                lazy:
-                  (typeof slots.lazy === 'number'
-                    ? i >= slots.lazy
-                 : typeof slots.lazy === 'boolean'
-                    ? slots.lazy
-                    : false),
-                square: true,
-              }),
-              html.tag('span', name),
-            ],
-            attributes: {
-              class: ['grid-item', 'box', /* large && 'large-grid-item' */],
-            },
-          });
-        })));
+        stitchArrays({
+          image: slots.images,
+          link: slots.links,
+          name: slots.names,
+        }).map(({image, link, name}, index) =>
+            link.slots({
+              attributes: {class: ['grid-item', 'box']},
+              content: [
+                image.slots({
+                  thumb: 'medium',
+                  square: true,
+                  lazy:
+                    (typeof slots.lazy === 'number'
+                      ? index >= slots.lazy
+                   : typeof slots.lazy === 'boolean'
+                      ? slots.lazy
+                      : false),
+                }),
+                html.tag('span', name),
+              ],
+            }))));
   },
 };