(pulsar-site) branch main updated: Show supported versions on download page (#849)

[lhotari]

This is an automated email from the ASF dual-hosted git repository.

lhotari pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/pulsar-site.git


The following commit(s) were added to refs/heads/main by this push:
     new 9cfb113b9d19 Show supported versions on download page (#849)
9cfb113b9d19 is described below

commit 9cfb113b9d190ec9b9bfc170e8a38253abaa78e7
Author: Kiryl Valkovich 🛸 <visorte...@gmail.com>
AuthorDate: Fri Mar 15 00:35:52 2024 +0400

    Show supported versions on download page (#849)
    
    * Show supported versions on download page
    
    * upd
---
 src/components/SupportedVersionsTable.tsx | 21 +++++++++++++++++----
 src/pages/download.mdx                    | 11 +++++++++--
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/components/SupportedVersionsTable.tsx 
b/src/components/SupportedVersionsTable.tsx
index 8de09d136b07..b9312466f38f 100644
--- a/src/components/SupportedVersionsTable.tsx
+++ b/src/components/SupportedVersionsTable.tsx
@@ -1,5 +1,5 @@
 import lodash from 'lodash'
-import React from 'react'
+import React, { FC } from 'react'
 import semver from "semver/preload"
 import {Stack, Table, TableBody, TableCell, TableHead, TableRow} from 
"@mui/material"
 
@@ -116,7 +116,11 @@ function renderLatestVersionCell(d: SupportedVersionData): 
JSX.Element {
   </TableCell>
 }
 
-export default function SupportedVersionsTable(): JSX.Element {
+type SupportedVersionsTableProps = {
+  isHideUnmaintained?: boolean
+};
+
+const SupportedVersionsTable: FC<SupportedVersionsTableProps> = (props) => {
   let releaseList: SimpleReleaseData[] = releases.map(r => ({
     version: semver.coerce(r.tagName),
     released: moment(r.publishedAt),
@@ -147,6 +151,13 @@ export default function SupportedVersionsTable(): 
JSX.Element {
     })
   }
 
+  if (props.isHideUnmaintained) {
+    supportedVersionList = supportedVersionList.filter(v =>
+      v.activeSupport.isAfter(new Date()) ||
+      v.securitySupport.isAfter(new Date())
+    );
+  }
+
   const TableHeaderCell = styled(TableCell)({fontWeight: "bold"})
 
   return <>
@@ -162,8 +173,8 @@ export default function SupportedVersionsTable(): 
JSX.Element {
       </TableHead>
       <TableBody>
         {
-          supportedVersionList.map(r => <>
-            <TableRow>
+          supportedVersionList.map((r, i) => <>
+            <TableRow key={i}>
               {renderVersionCell(r.version)}
               {renderReleasedCell(r.released)}
               {renderSupportCell(r.activeSupport)}
@@ -176,3 +187,5 @@ export default function SupportedVersionsTable(): 
JSX.Element {
     </Table>
   </>
 }
+
+export default SupportedVersionsTable;
diff --git a/src/pages/download.mdx b/src/pages/download.mdx
index 236d3564c715..55767f7b94b5 100644
--- a/src/pages/download.mdx
+++ b/src/pages/download.mdx
@@ -26,9 +26,16 @@ import Page from '@site/src/components/ui/Page/Page';
 
 # Downloads for Apache Pulsar™
 
-## Release notes
+## Supported Versions
 
-[Release notes](pathname:///release-notes) for all Pulsar's versions.
+````mdx-code-block
+import SupportedVersionsTable from 
"@site/src/components/SupportedVersionsTable";
+
+<SupportedVersionsTable isHideUnmaintained />
+````
+
+- [Release notes](pathname:///release-notes)
+- [Full Supported Versions Table](pathname:///release-notes)
 
 ## Current version <CurrentPulsarVersion/>