content: generate{Previous,Next,PreviousNext}Link

1 files changed, 22 insertions, 15 deletions

diff --git a/src/content/dependencies/generatePreviousNextLinks.js b/src/content/dependencies/generatePreviousNextLinks.js
index 9771de39..d9f80849 100644
--- a/src/content/dependencies/generatePreviousNextLinks.js
+++ b/src/content/dependencies/generatePreviousNextLinks.js
@@ -3,8 +3,17 @@ export default {
   // for inclusion in a page's navigation bar. Include with other links
   // in the nav bar and then join them all as a unit list, for example.
 
+  contentDependencies: ['generateNextLink', 'generatePreviousLink'],
   extraDependencies: ['html', 'language'],
 
+  relations: (relation) => ({
+    previousLink:
+      relation('generatePreviousLink'),
+
+    nextLink:
+      relation('generateNextLink'),
+  }),
+
   slots: {
     previousLink: {
       type: 'html',
@@ -22,27 +31,25 @@ export default {
     },
   },
 
-  generate(slots, {html, language}) {
+  generate(relations, slots, {html, language}) {
     const previousNext = [];
 
+    relations.previousLink.setSlots({
+      link: slots.previousLink,
+      id: slots.id,
+    });
+
+    relations.nextLink.setSlots({
+      link: slots.nextLink,
+      id: slots.id,
+    });
+
     if (!html.isBlank(slots.previousLink)) {
-      previousNext.push(
-        slots.previousLink.slots({
-          tooltipStyle: 'browser',
-          color: false,
-          attributes: {id: slots.id && 'previous-button'},
-          content: language.$('misc.nav.previous'),
-        }));
+      previousNext.push(relations.previousLink);
     }
 
     if (!html.isBlank(slots.nextLink)) {
-      previousNext.push(
-        slots.nextLink.slots({
-          tooltipStyle: 'browser',
-          color: false,
-          attributes: {id: slots.id && 'next-button'},
-          content: language.$('misc.nav.next'),
-        }));
+      previousNext.push(relations.nextLink);
     }
 
     return previousNext;