From 3e1c4f5093d57e418585b53779a27c23f9ba4297 Mon Sep 17 00:00:00 2001
From: Fanny <fanny.vieira@ccc.ufcg.edu.br>
Date: Wed, 29 Apr 2020 14:07:08 -0300
Subject: [PATCH 1/2] feat(v2): bootstrap pagination (#2695)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(v2): Add pagination

* çhore(v2): remove console.log

* feat(v2): remove changes in template
---
 .../src/theme/BlogListPage/index.js           |  6 +--
 .../src/theme/BlogListPaginator/index.js      | 38 +++++++++++++++++++
 .../src/theme/BlogPostPage/index.js           |  7 +++-
 .../src/theme/BlogPostPaginator/index.js      | 36 ++++++++++++++++++
 4 files changed, 83 insertions(+), 4 deletions(-)
 create mode 100644 packages/docusaurus-theme-bootstrap/src/theme/BlogListPaginator/index.js
 create mode 100644 packages/docusaurus-theme-bootstrap/src/theme/BlogPostPaginator/index.js

diff --git a/packages/docusaurus-theme-bootstrap/src/theme/BlogListPage/index.js b/packages/docusaurus-theme-bootstrap/src/theme/BlogListPage/index.js
index 71c7286404..bf95c1efa0 100644
--- a/packages/docusaurus-theme-bootstrap/src/theme/BlogListPage/index.js
+++ b/packages/docusaurus-theme-bootstrap/src/theme/BlogListPage/index.js
@@ -7,10 +7,10 @@
 
 import React from 'react';
 import BlogPostCard from '@theme/BlogPostItem';
-import Footer from '@theme/Footer';
+import BlogListPaginator from '@theme/BlogListPaginator';
 
 function BlogListPage(props) {
-  const {items} = props;
+  const {items, metadata} = props;
 
   return (
     <div className="container-fluid mt-5">
@@ -27,7 +27,7 @@ function BlogListPage(props) {
             </BlogPostCard>
           </div>
         ))}
-        <Footer />
+        <BlogListPaginator metadata={metadata} />
       </div>
     </div>
   );
diff --git a/packages/docusaurus-theme-bootstrap/src/theme/BlogListPaginator/index.js b/packages/docusaurus-theme-bootstrap/src/theme/BlogListPaginator/index.js
new file mode 100644
index 0000000000..a67289ddb3
--- /dev/null
+++ b/packages/docusaurus-theme-bootstrap/src/theme/BlogListPaginator/index.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+import Link from '@docusaurus/Link';
+
+function BlogListPaginator(props) {
+  const {previousPage, nextPage} = props.metadata;
+
+  return (
+    <nav
+      aria-label="Blog list page navigation"
+      className="my-5 col col-xl-4 offset-xl-4 col-xs-6">
+      <ul className="pagination justify-content-between">
+        <li className="page-item">
+          {previousPage && (
+            <Link className="page-link rounded-pill" to={previousPage}>
+              Older
+            </Link>
+          )}
+        </li>
+        <li className="page-item">
+          {nextPage && (
+            <Link className="page-link rounded-pill" to={nextPage}>
+              Newer
+            </Link>
+          )}
+        </li>
+      </ul>
+    </nav>
+  );
+}
+
+export default BlogListPaginator;
diff --git a/packages/docusaurus-theme-bootstrap/src/theme/BlogPostPage/index.js b/packages/docusaurus-theme-bootstrap/src/theme/BlogPostPage/index.js
index bff750f857..88a37f05ba 100644
--- a/packages/docusaurus-theme-bootstrap/src/theme/BlogPostPage/index.js
+++ b/packages/docusaurus-theme-bootstrap/src/theme/BlogPostPage/index.js
@@ -7,23 +7,28 @@
 
 import React from 'react';
 import BlogPostItem from '@theme/BlogPostItem';
+import BlogPostPaginator from '@theme/BlogPostPaginator';
 
 function BlogPostPage(props) {
   const {content: BlogPostContents} = props;
   const {frontMatter, metadata} = BlogPostContents;
+  const {nextItem, prevItem} = metadata;
 
   return (
     <div className="container-fluid my-5">
       <div className="row row-cols-1 row-cols-sm-1">
         <div
           key={metadata.permalink}
-          className="col col-md-6 offset-md-3 col-xs-6 mb-5">
+          className="col col-xl-4 offset-xl-4 col-xs-6 mb-5">
           <BlogPostItem
             frontMatter={frontMatter}
             metadata={metadata}
             isBlogPostPage>
             <BlogPostContents />
           </BlogPostItem>
+          {(nextItem || prevItem) && (
+            <BlogPostPaginator nextItem={nextItem} prevItem={prevItem} />
+          )}
         </div>
       </div>
     </div>
diff --git a/packages/docusaurus-theme-bootstrap/src/theme/BlogPostPaginator/index.js b/packages/docusaurus-theme-bootstrap/src/theme/BlogPostPaginator/index.js
new file mode 100644
index 0000000000..845214496d
--- /dev/null
+++ b/packages/docusaurus-theme-bootstrap/src/theme/BlogPostPaginator/index.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+import Link from '@docusaurus/Link';
+
+function BlogPostPaginator(props) {
+  const {nextItem, prevItem} = props;
+
+  return (
+    <nav aria-label="Blog post page navigation" className="my-5">
+      <ul className="pagination justify-content-between">
+        <li className="page-item">
+          {prevItem && (
+            <Link className="page-link rounded-pill" to={prevItem.permalink}>
+              &laquo; {prevItem.title}
+            </Link>
+          )}
+        </li>
+        <li className="page-item">
+          {nextItem && (
+            <Link className="page-link rounded-pill" to={nextItem.permalink}>
+              {nextItem.title} &raquo;
+            </Link>
+          )}
+        </li>
+      </ul>
+    </nav>
+  );
+}
+
+export default BlogPostPaginator;

From 6190bf79a1abf52ec4a676745f6dd68ef736421b Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Thu, 30 Apr 2020 10:59:58 +0300
Subject: [PATCH 2/2] docs(v2): add note about IE11

---
 website/docs/introduction.md                                  | 2 +-
 website/versioned_docs/version-2.0.0-alpha.43/introduction.md | 2 +-
 website/versioned_docs/version-2.0.0-alpha.48/introduction.md | 2 +-
 website/versioned_docs/version-2.0.0-alpha.50/introduction.md | 2 +-
 website/versioned_docs/version-2.0.0-alpha.54/introduction.md | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/website/docs/introduction.md b/website/docs/introduction.md
index 2a52e73387..24b5ff96e5 100644
--- a/website/docs/introduction.md
+++ b/website/docs/introduction.md
@@ -20,7 +20,7 @@ This is an **early and alpha release** of Docusaurus 2. We are making it availab
 
 - :x: You need a full production-ready solution (try [Docusaurus 1](https://docusaurus.io/) instead)
 - :x: You need the translation features present in v1
-- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period
+- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period .
 
 ## A better Docusaurus is coming to town
 
diff --git a/website/versioned_docs/version-2.0.0-alpha.43/introduction.md b/website/versioned_docs/version-2.0.0-alpha.43/introduction.md
index aea8fab09b..19ccd8cbb0 100644
--- a/website/versioned_docs/version-2.0.0-alpha.43/introduction.md
+++ b/website/versioned_docs/version-2.0.0-alpha.43/introduction.md
@@ -20,7 +20,7 @@ This is an **early and alpha release** of Docusaurus 2. We are making it availab
 
 - :x: You need a full production-ready solution (<small>try [Docusaurus 1](https://docusaurus.io/) instead</small>)
 - :x: You need the translation features present in v1
-- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period
+- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period .
 
 ## A better Docusaurus is coming to town
 
diff --git a/website/versioned_docs/version-2.0.0-alpha.48/introduction.md b/website/versioned_docs/version-2.0.0-alpha.48/introduction.md
index aea8fab09b..19ccd8cbb0 100644
--- a/website/versioned_docs/version-2.0.0-alpha.48/introduction.md
+++ b/website/versioned_docs/version-2.0.0-alpha.48/introduction.md
@@ -20,7 +20,7 @@ This is an **early and alpha release** of Docusaurus 2. We are making it availab
 
 - :x: You need a full production-ready solution (<small>try [Docusaurus 1](https://docusaurus.io/) instead</small>)
 - :x: You need the translation features present in v1
-- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period
+- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period .
 
 ## A better Docusaurus is coming to town
 
diff --git a/website/versioned_docs/version-2.0.0-alpha.50/introduction.md b/website/versioned_docs/version-2.0.0-alpha.50/introduction.md
index 2a52e73387..24b5ff96e5 100644
--- a/website/versioned_docs/version-2.0.0-alpha.50/introduction.md
+++ b/website/versioned_docs/version-2.0.0-alpha.50/introduction.md
@@ -20,7 +20,7 @@ This is an **early and alpha release** of Docusaurus 2. We are making it availab
 
 - :x: You need a full production-ready solution (try [Docusaurus 1](https://docusaurus.io/) instead)
 - :x: You need the translation features present in v1
-- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period
+- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period .
 
 ## A better Docusaurus is coming to town
 
diff --git a/website/versioned_docs/version-2.0.0-alpha.54/introduction.md b/website/versioned_docs/version-2.0.0-alpha.54/introduction.md
index 2a52e73387..24b5ff96e5 100644
--- a/website/versioned_docs/version-2.0.0-alpha.54/introduction.md
+++ b/website/versioned_docs/version-2.0.0-alpha.54/introduction.md
@@ -20,7 +20,7 @@ This is an **early and alpha release** of Docusaurus 2. We are making it availab
 
 - :x: You need a full production-ready solution (try [Docusaurus 1](https://docusaurus.io/) instead)
 - :x: You need the translation features present in v1
-- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period
+- :x: You prefer not to work with potential breaking changes and/or features not yet working properly as we improve it during alpha period .
 
 ## A better Docusaurus is coming to town