fix: properly tag maintenance and flag versions correctly (#6586)

Author: ovflowd

components/Downloads/Release/VersionDropdown.tsx

@@ -16,6 +16,10 @@ const getDropDownStatus = (version: string, status: string) => {
     return `${version} (Current)`;
   }
 
+  if (status === 'Maintenance') {
+    return `${version} (Maintenance)`;
+  }
+
   return version;
 };
 

components/withDownloadCategories.tsx

@@ -17,7 +17,7 @@ const WithDownloadCategories: FC<PropsWithChildren> = async ({ children }) => {
   const { page, category, subCategory } = getDownloadCategory(pathname);
 
   const initialRelease: Array<NodeReleaseStatus> = pathname.includes('current')
-    ? ['Current']
+    ? ['Current', 'Maintenance']
     : ['Active LTS', 'Maintenance LTS'];
 
   return (

next-data/generators/releaseData.mjs

@@ -11,7 +11,7 @@ const getNodeReleaseStatus = (now, support) => {
   }
 
   if (maintenanceStart && now > new Date(maintenanceStart)) {
-    return 'Maintenance LTS';
+    return ltsStart ? 'Maintenance LTS' : 'Maintenance';
   }
 
   if (ltsStart && now > new Date(ltsStart)) {

pages/en/index.mdx

@@ -28,7 +28,7 @@ layout: home
         </>
       )}
     </WithNodeRelease>
-    <WithNodeRelease status={"Current"}>
+    <WithNodeRelease status={["Current", "Maintenance"]}>
       {({ release }) => (
         <small>
           Want new features sooner?

types/releases.ts

@@ -1,5 +1,6 @@
 export type NodeReleaseStatus =
   | 'Maintenance LTS'
+  | 'Maintenance'
   | 'Active LTS'
   | 'Current'
   | 'End-of-life'