Fallback to Maintenance LTS if no Active LTS found

Author: MattIPv4

apps/site/components/withDownloadSection.tsx

@@ -38,7 +38,7 @@ const WithDownloadSection: FC<WithDownloadSectionProps> = ({
   // Decides which initial release to use based on the current pathname
   const initialRelease = pathname.endsWith('/current')
     ? 'Current'
-    : 'Active LTS';
+    : ['Active LTS' as const, 'Maintenance LTS' as const];
 
   return (
     <WithNodeRelease status={initialRelease}>

apps/site/components/withFooter.tsx

@@ -22,7 +22,7 @@ const WithFooter: FC = () => {
 
   const primary = (
     <div className="flex flex-row gap-2">
-      <WithNodeRelease status="Active LTS">
+      <WithNodeRelease status={['Active LTS', 'Maintenance LTS']}>
         {({ release }) => (
           <BadgeGroup
             size="small"

apps/site/components/withNodeRelease.tsx

@@ -19,12 +19,18 @@ const WithNodeRelease: FC<WithNodeReleaseProps> = async ({
 }) => {
   const releaseData = await provideReleaseData();
 
-  const matchingRelease = releaseData.find(release =>
-    [status].flat().includes(release.status)
-  );
+  let matchingRelease: NodeRelease | undefined;
+  for (const statusItem of Array.isArray(status) ? status : [status]) {
+    matchingRelease = releaseData.find(
+      release => release.status === statusItem
+    );
+    if (matchingRelease) {
+      break;
+    }
+  }
 
-  if (matchingRelease !== undefined) {
-    return <Component release={matchingRelease!} />;
+  if (matchingRelease) {
+    return <Component release={matchingRelease} />;
   }
 
   return null;