fix: link to Alpha in LTS alert box when no Current (#9244)

Link to Alpha in LTS alert box when no Current

Author: MattIPv4

apps/site/components/Downloads/Release/ReleaseCodeBox.tsx

@@ -115,7 +115,7 @@ const usePlatformInfo = (installMethod: string) => {
  * ReleaseCodeBox component displays installation instructions based on platform and context
  */
 const ReleaseCodeBox: FC = () => {
-  const { snippets } = use(ReleasesContext);
+  const { snippets, releases } = use(ReleasesContext);
   const context = use(ReleaseContext);
   const t = useTranslations();
 
@@ -149,7 +149,7 @@ const ReleaseCodeBox: FC = () => {
       </noscript>
 
       {/* Release status alert */}
-      <WithReleaseAlertBox status={context.release.status} />
+      <WithReleaseAlertBox release={context.release} releases={releases} />
 
       {/* Community platform notice */}
       {platformInfo.exists && !platformInfo.recommended && (

apps/site/components/Releases/PreviousReleasesTable/TableBody.tsx

@@ -68,6 +68,7 @@ const PreviousReleasesTableBody: FC<PreviousReleasesTableBodyProps> = ({
 
           <ReleaseModal
             release={release}
+            releases={releaseData}
             open={currentModal === release.version}
             onOpenChange={open => open || setCurrentModal(undefined)}
           />

apps/site/components/Releases/ReleaseModal.tsx

@@ -10,9 +10,14 @@ import type { ComponentProps, FC } from 'react';
 
 type ReleaseModalProps = ComponentProps<typeof Modal> & {
   release: NodeRelease;
+  releases: Array<NodeRelease>;
 };
 
-const ReleaseModal: FC<ReleaseModalProps> = ({ release, ...props }) => {
+const ReleaseModal: FC<ReleaseModalProps> = ({
+  release,
+  releases,
+  ...props
+}) => {
   const t = useTranslations();
 
   const modalHeadingKey = release.codename
@@ -26,7 +31,7 @@ const ReleaseModal: FC<ReleaseModalProps> = ({ release, ...props }) => {
 
   return (
     <Modal {...props}>
-      <WithReleaseAlertBox status={release.status} />
+      <WithReleaseAlertBox release={release} releases={releases} />
 
       <Title>{modalHeading}</Title>
 

apps/site/components/withDownloadArchive.tsx

@@ -7,12 +7,13 @@ import {
   extractVersionFromPath,
 } from '#site/util/download/archive';
 
+import type { NodeRelease } from '#site/types';
 import type { FC } from 'react';
 
 type DownloadArchive = ReturnType<typeof buildReleaseArtifacts>;
 
 type WithDownloadArchiveProps = {
-  children: FC<DownloadArchive>;
+  children: FC<DownloadArchive & { releases: Array<NodeRelease> }>;
 };
 
 /**
@@ -40,7 +41,7 @@ const WithDownloadArchive: FC<WithDownloadArchiveProps> = async ({
 
   const releaseArtifacts = buildReleaseArtifacts(release, version);
 
-  return <Component {...releaseArtifacts} />;
+  return <Component {...releaseArtifacts} releases={releaseData} />;
 };
 
 export default WithDownloadArchive;

apps/site/components/withReleaseAlertBox.tsx

@@ -3,17 +3,21 @@ import { useTranslations } from 'next-intl';
 
 import Link from '#site/components/Link';
 
-import type { NodeReleaseStatus } from '#site/types';
+import type { NodeRelease } from '#site/types';
 import type { FC } from 'react';
 
 type WithReleaseAlertBoxProps = {
-  status: NodeReleaseStatus;
+  release: NodeRelease;
+  releases: Array<NodeRelease>;
 };
 
-const WithReleaseAlertBox: FC<WithReleaseAlertBoxProps> = ({ status }) => {
+const WithReleaseAlertBox: FC<WithReleaseAlertBoxProps> = ({
+  release,
+  releases,
+}) => {
   const t = useTranslations();
 
-  switch (status) {
+  switch (release.status) {
     case 'EOL':
       return (
         <AlertBox
@@ -42,18 +46,30 @@ const WithReleaseAlertBox: FC<WithReleaseAlertBoxProps> = ({ status }) => {
           })}
         </AlertBox>
       );
-    case 'LTS':
-      return (
-        <AlertBox
-          title={t('components.common.alertBox.info')}
-          level="success"
-          size="small"
-        >
-          {t.rich('components.releaseModal.ltsVersionFeaturesNotice', {
-            link: text => <Link href="/download/current">{text}</Link>,
-          })}
-        </AlertBox>
-      );
+    case 'LTS': {
+      const hasCurrent = releases.some(({ status }) => status === 'Current');
+      const hasAlpha = releases.some(({ status }) => status === 'Alpha');
+
+      if (hasCurrent || hasAlpha) {
+        return (
+          <AlertBox
+            title={t('components.common.alertBox.info')}
+            level="success"
+            size="small"
+          >
+            {t.rich('components.releaseModal.ltsVersionFeaturesNotice', {
+              link: text => (
+                <Link href={`/download/${hasCurrent ? 'current' : 'alpha'}`}>
+                  {text}
+                </Link>
+              ),
+            })}
+          </AlertBox>
+        );
+      }
+
+      return null;
+    }
     default:
       return null;
   }

apps/site/pages/ar/download/archive/index.mdx

@@ -4,7 +4,7 @@ layout: download-archive
 ---
 
 <WithDownloadArchive>
-  {({ binaries, installers, version, release, sources }) => (
+  {({ binaries, installers, version, release, releases, sources }) => (
     <>
       <h1>أرشيف تحميلات Node.js®</h1>
 
@@ -19,7 +19,7 @@ layout: download-archive
         {release.codename && ` (${release.codename})`}
       </h2>
 
-      <WithReleaseAlertBox status={release.status} />
+      <WithReleaseAlertBox release={release} releases={releases} />
 
       <ReleaseOverview release={release} />
 

apps/site/pages/en/download/archive/index.mdx

@@ -4,7 +4,7 @@ layout: download-archive
 ---
 
 <WithDownloadArchive>
-  {({ binaries, installers, version, release, sources }) => (
+  {({ binaries, installers, version, release, releases, sources }) => (
     <>
       <h1>Node.js® Download Archive</h1>
 
@@ -19,7 +19,7 @@ layout: download-archive
         {release.codename && ` (${release.codename})`}
       </h2>
 
-      <WithReleaseAlertBox status={release.status} />
+      <WithReleaseAlertBox release={release} releases={releases} />
 
       <ReleaseOverview release={release} />
 

apps/site/pages/fr/download/archive/index.mdx

@@ -4,7 +4,7 @@ layout: download-archive
 ---
 
 <WithDownloadArchive>
-  {({ binaries, installers, version, release, sources }) => (
+  {({ binaries, installers, version, release, releases, sources }) => (
     <>
       <h1>Archive de téléchargement Node.js®</h1>
 
@@ -19,7 +19,7 @@ layout: download-archive
         {release.codename && ` (${release.codename})`}
       </h2>
 
-      <WithReleaseAlertBox status={release.status} />
+      <WithReleaseAlertBox release={release} releases={releases} />
 
       <ReleaseOverview release={release} />
 

apps/site/pages/id/download/archive/index.mdx

@@ -4,7 +4,7 @@ layout: download-archive
 ---
 
 <WithDownloadArchive>
-  {({ binaries, installers, version, release, sources }) => (
+  {({ binaries, installers, version, release, releases, sources }) => (
     <>
       <h1>Arsip Unduhan Node.js®</h1>
 
@@ -19,7 +19,7 @@ layout: download-archive
         {release.codename && ` (${release.codename})`}
       </h2>
 
-      <WithReleaseAlertBox status={release.status} />
+      <WithReleaseAlertBox release={release} releases={releases} />
 
       <ReleaseOverview release={release} />
 

apps/site/pages/ja/download/archive/index.mdx

@@ -4,7 +4,7 @@ layout: download-archive
 ---
 
 <WithDownloadArchive>
-  {({ binaries, installers, version, release, sources }) => (
+  {({ binaries, installers, version, release, releases, sources }) => (
     <>
       <h1>Node.js®ダウンロードアーカイブ</h1>
 
@@ -19,7 +19,7 @@ layout: download-archive
         {release.codename && ` (${release.codename})`}
       </h2>
 
-      <WithReleaseAlertBox status={release.status} />
+      <WithReleaseAlertBox release={release} releases={releases} />
 
       <ReleaseOverview release={release} />