feat: deactivate alpha pre-release and update UI for unavailable downloads

Author: teetow

src/assets/data/audacityReleases.ts

@@ -156,7 +156,7 @@ export type PreReleaseEntry = {
 export const alphaPreRelease: PreReleaseEntry = {
   id: "alpha",
   label: "Alpha",
-  isActive: true,
+  isActive: false,
   summary:
     "Get an early look at the next major release. Expect unfinished features and potential bugs.",
   pageHref: "/next",

src/assets/data/promotions.ts

@@ -22,7 +22,7 @@ export type PromoData = {
 
 const promoData: Record<string, PromoData> = {
   audacity4Alpha: {
-    isActive: true,
+    isActive: false,
     priority: 50,
   suppressOnPaths: ["/next", "/download"],
     message: "Want a peek at our next big release?",

src/pages/next.astro

@@ -36,6 +36,9 @@ const windowsDownloads = releaseDownloads?.win ?? [];
 const macDownloads = releaseDownloads?.mac ?? [];
 const linuxDownloads = releaseDownloads?.lin ?? [];
 const isAlphaRelease = activeRelease?.id === "alpha";
+const mainSectionClasses = activeRelease
+  ? "col-start-2 col-span-10 sm:col-start-2 sm:col-span-5"
+  : "col-start-2 col-span-10 sm:col-start-2 sm:col-span-10";
 
 const downloadSections = activeRelease
   ? [
@@ -68,7 +71,7 @@ const downloadSections = activeRelease
 >
   <main id="main" class="max-w-screen-xl mx-auto text-gray-700">
     <div class="grid grid-cols-12 pt-8 pb-32 gap-y-12">
-      <section class="col-start-2 col-span-10 sm:col-start-2 sm:col-span-5">
+      <section class={mainSectionClasses}>
         {
           activeRelease ? (
             <>
@@ -87,11 +90,11 @@ const downloadSections = activeRelease
               )}
             </>
           ) : (
-            <div class="border border-yellow-300 bg-yellow-50 text-yellow-900 rounded-md p-6">
-              <h1 class="text-3xl font-semibold text-yellow-900">
+            <div class="border border-gray-200 bg-white rounded-md p-6 shadow-sm">
+              <h1 class="text-3xl font-semibold text-gray-900">
                 Pre-release downloads are currently unavailable.
               </h1>
-              <p class="mt-4">
+              <p class="mt-4 text-gray-700">
                 Check back soon or download the latest stable version of Audacity.
               </p>
               <a
@@ -105,12 +108,12 @@ const downloadSections = activeRelease
           )
         }
       </section>
-      <aside
-        class="row-start-2 sm:row-start-1 col-start-2 col-span-10 sm:col-start-8 sm:col-span-4"
-      >
-        <h2 class="text-sm uppercase font-normal">Download links</h2>
-        {
-          activeRelease ? (
+      {activeRelease && (
+        <aside
+          class="row-start-2 sm:row-start-1 col-start-2 col-span-10 sm:col-start-8 sm:col-span-4"
+        >
+          <h2 class="text-sm uppercase font-normal">Download links</h2>
+          {
             downloadSections.length > 0 ? (
               <div class="flex flex-col gap-6 mt-2">
                 {downloadSections.map((section) => (
@@ -142,25 +145,9 @@ const downloadSections = activeRelease
                 </a>
               </div>
             )
-          ) : (
-            <div class="mt-4 p-4 border border-gray-200 rounded-md bg-gray-50">
-              <p class="text-sm text-gray-700">
-                Pre-release downloads are currently unavailable.
-              </p>
-              <p class="text-sm text-gray-700 mt-1">
-                You can still download the latest stable version of Audacity.
-              </p>
-              <a
-                class="hyperlink text-sm inline-flex items-center gap-1 mt-3"
-                href="/download"
-              >
-                Browse stable downloads
-                <span class="align-middle icon icon-share text-blue-600" />
-              </a>
-            </div>
-          )
-        }
-      </aside>
+          }
+        </aside>
+      )}
     </div>
   </main>
 </BaseLayout>