change how the banner looks

powercasgamer · May 1, 2024 · 4fa040e · 4fa040e
1 parent 2b62784
commit 4fa040e
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/src/pages/downloads/all.tsx b/src/pages/downloads/all.tsx
@@ -38,7 +38,7 @@ const LegacyDownloads: NextPage<LegacyDownloadProps> = ({
   const latestVersion = versions?.versions[versions?.versions.length - 1];
   const legacy = selectedVersion !== latestVersion;
   const experimental =
-    builds?.builds[builds?.builds.length - 1].channel === "experimental";
+    builds?.builds[builds?.builds.length - 1].channel === "experimental" || selectedProject === "waterfall";
 
   return (
     <>
@@ -49,21 +49,6 @@ const LegacyDownloads: NextPage<LegacyDownloadProps> = ({
       />
       <div className="flex flex-col h-screen">
         <div className="h-16" />
-
-        {legacy && (
-          <>
-            <div className="text-center px-4 py-2 font-bold bg-red-400 dark:bg-red-500 shadow-md">
-              Legacy builds are not supported. Proceed at your own risk!
-            </div>
-          </>
-        )}
-        {experimental && (
-          <>
-            <div className="text-center px-4 py-2 font-bold bg-red-400 dark:bg-red-500 shadow-md">
-              Experimental builds something. Proceed at your own risk!
-            </div>
-          </>
-        )}
         <div className="flex-1 flex flex-row min-h-0">
           <DownloadsTree
             selectedProject={selectedProject}
@@ -74,6 +59,20 @@ const LegacyDownloads: NextPage<LegacyDownloadProps> = ({
             }}
           />
           <div className="flex-1 overflow-auto">
+            {legacy && (
+                <>
+                  <div className="text-center px-4 py-2 font-bold bg-red-400 dark:bg-red-500 shadow-md">
+                    Legacy builds are not supported. Proceed at your own risk!
+                  </div>
+                </>
+            )}
+            {experimental && (
+                <>
+                  <div className="text-center px-4 py-2 font-bold bg-orange-400 dark:bg-orange-500 shadow-md">
+                    Experimental builds something. Proceed at your own risk!
+                  </div>
+                </>
+            )}
             {eol && (
               <div className="text-center px-4 py-2 font-bold bg-yellow-400 dark:bg-yellow-500 shadow-md">
                 EOL builds are not supported. Proceed at your own risk!