chore: upgrade website to docusaurus@2.0.0-beta.14 + update swizzled DocPaginator component

website/package.json

@@ -5,14 +5,15 @@
   "scripts": {
     "docusaurus": "docusaurus",
     "start": "docusaurus start",
+    "dev": "docusaurus start",
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",
     "deploy": "docusaurus deploy"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.0.0-beta.8",
-    "@docusaurus/plugin-client-redirects": "^2.0.0-beta.8",
-    "@docusaurus/preset-classic": "^2.0.0-beta.8",
+    "@docusaurus/core": "^2.0.0-beta.14",
+    "@docusaurus/plugin-client-redirects": "^2.0.0-beta.14",
+    "@docusaurus/preset-classic": "^2.0.0-beta.14",
     "classnames": "^2.2.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

website/src/theme/DocPaginator/index.js

@@ -8,8 +8,7 @@ import React from 'react';
 import Translate, {translate} from '@docusaurus/Translate';
 import SidebarAd from '../../components/SidebarAd';
 
-function DocPaginator(props) {
-  const {metadata} = props;
+function DocPaginator({previous, next}) {
   return (
     <>
       <nav
@@ -20,10 +19,8 @@ function DocPaginator(props) {
           description: 'The ARIA label for the docs pagination',
         })}>
         <div className="pagination-nav__item">
-          {metadata.previous && (
-            <a
-              className="pagination-nav__link"
-              href={metadata.previous.permalink}>
+          {previous && (
+            <a className="pagination-nav__link" href={previous.permalink}>
               <div className="pagination-nav__sublabel">
                 <Translate
                   id="theme.docs.paginator.previous"
@@ -31,15 +28,13 @@ function DocPaginator(props) {
                   Previous
                 </Translate>
               </div>
-              <div className="pagination-nav__label">
-                &laquo; {metadata.previous.title}
-              </div>
+              <div className="pagination-nav__label">{previous.title}</div>
             </a>
           )}
         </div>
         <div className="pagination-nav__item pagination-nav__item--next">
-          {metadata.next && (
-            <a className="pagination-nav__link" href={metadata.next.permalink}>
+          {next && (
+            <a className="pagination-nav__link" href={next.permalink}>
               <div className="pagination-nav__sublabel">
                 <Translate
                   id="theme.docs.paginator.next"
@@ -47,9 +42,7 @@ function DocPaginator(props) {
                   Next
                 </Translate>
               </div>
-              <div className="pagination-nav__label">
-                {metadata.next.title} &raquo;
-              </div>
+              <div className="pagination-nav__label">{next.title}</div>
             </a>
           )}
         </div>

website/src/theme/PaginatorNavLink/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+function PaginatorNavLink({permalink, title, subLabel}) {
+  return (
+    <a className="pagination-nav__link" href={permalink}>
+      {subLabel && <div className="pagination-nav__sublabel">{subLabel}</div>}
+      <div className="pagination-nav__label">{title}</div>
+    </a>
+  );
+}
+
+export default PaginatorNavLink;