From 82c751f092ad3b6eece3e2ddbb2c0fd80db97a4a Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Mon, 25 Nov 2019 12:16:23 +0300
Subject: [PATCH] fix(v2): hide past versions if it does not exist (#2050)

---
 website/src/pages/versions.js | 57 ++++++++++++++++++-----------------
 1 file changed, 29 insertions(+), 28 deletions(-)

diff --git a/website/src/pages/versions.js b/website/src/pages/versions.js
index 27531b958a..801c618654 100644
--- a/website/src/pages/versions.js
+++ b/website/src/pages/versions.js
@@ -19,6 +19,7 @@ function Version() {
   const context = useDocusaurusContext();
   const {siteConfig = {}} = context;
   const latestVersion = versions[0];
+  const pastVersions = versions.filter(version => version !== latestVersion);
   const repoUrl = `https://github.com/${siteConfig.organizationName}/${siteConfig.projectName}`;
   return (
     <Layout
@@ -65,34 +66,34 @@ function Version() {
             </tbody>
           </table>
         </div>
-        <div className="margin-bottom--lg">
-          <h3 id="archive">Past Versions</h3>
-          <p>
-            Here you can find documentation for previous versions of Docusaurus.
-          </p>
-          <table>
-            <tbody>
-              {versions.map(
-                version =>
-                  version !== latestVersion && (
-                    <tr key={version}>
-                      <th>{version}</th>
-                      <td>
-                        <Link to={useBaseUrl(`/docs/${version}/introduction`)}>
-                          Documentation
-                        </Link>
-                      </td>
-                      <td>
-                        <a href={`${repoUrl}/releases/tag/v${version}`}>
-                          Release Notes
-                        </a>
-                      </td>
-                    </tr>
-                  ),
-              )}
-            </tbody>
-          </table>
-        </div>
+        {pastVersions.length > 0 && (
+          <div className="margin-bottom--lg">
+            <h3 id="archive">Past Versions</h3>
+            <p>
+              Here you can find documentation for previous versions of
+              Docusaurus.
+            </p>
+            <table>
+              <tbody>
+                {pastVersions.map(version => (
+                  <tr key={version}>
+                    <th>{version}</th>
+                    <td>
+                      <Link to={useBaseUrl(`/docs/${version}/introduction`)}>
+                        Documentation
+                      </Link>
+                    </td>
+                    <td>
+                      <a href={`${repoUrl}/releases/tag/v${version}`}>
+                        Release Notes
+                      </a>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
       </div>
     </Layout>
   );