chore: minor changes and fixes

components/Downloads/Release/BitnessDropdown.tsx

@@ -48,6 +48,24 @@ const BitnessDropdown: FC = () => {
     return disabledItems;
   }, [os, release.version]);
 
+  // @TODO: We should have a proper utility that gives
+  // disabled OSs, Platforms, based on specific criteria
+  // this can be an optimisation for the future
+  // to remove this logic from this component
+  useEffect(() => {
+    const currentBittnessExcluded = disabledItems.includes(String(bitness));
+
+    const nonExcludedBitness = bitnessItems[os]
+      .map(({ value }) => value)
+      .find(bittness => !disabledItems.includes(bittness));
+
+    if (currentBittnessExcluded && nonExcludedBitness) {
+      setBitness(nonExcludedBitness);
+    }
+    // we shouldn't react when "actions" change
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [os, disabledItems]);
+
   return (
     <Select
       label={t('layouts.download.dropdown.bitness')}

components/Downloads/Release/OperatingSystemDropdown.tsx

@@ -47,6 +47,10 @@ const OperatingSystemDropdown: FC<OperatingSystemDropdownProps> = ({
     return disabledItems;
   }, [exclude, platform]);
 
+  // @TODO: We should have a proper utility that gives
+  // disabled OSs, Platforms, based on specific criteria
+  // this can be an optimisation for the future
+  // to remove this logic from this component
   useEffect(() => {
     const currentOSExcluded = disabledItems.includes(os);
 

components/Downloads/Release/ReleaseCodeBox.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useTranslations } from 'next-intl';
 import { useContext, useEffect, useState } from 'react';
 import type { FC } from 'react';
 
@@ -20,6 +21,7 @@ const ReleaseCodeBox: FC = () => {
   } = useContext(ReleaseContext);
 
   const [code, setCode] = useState('');
+  const t = useTranslations();
 
   useEffect(() => {
     const updatedCode = getNodeDownloadSnippet(major, os)[platform];
@@ -41,8 +43,7 @@ const ReleaseCodeBox: FC = () => {
       )}
 
       <span className="text-center text-xs text-neutral-800 dark:text-neutral-200">
-        Package Managers and their installation scripts are not maintained by
-        the Node.js project.
+        {t('layouts.download.codeBox.communityWarning')}
       </span>
     </div>
   );

i18n/locales/en.json

@@ -284,6 +284,9 @@
         "os": "Operating System",
         "version": "Version",
         "platform": "Platform"
+      },
+      "codeBox": {
+        "communityWarning": "Package Managers and their installation scripts are not maintained by the Node.js project.s"
       }
     }
   },

util/downloadUtils.ts

@@ -42,14 +42,14 @@ export const platformItems = [
 
 export const bitnessItems = {
   WIN: [
-    {
-      label: '32-bit',
-      value: '86',
-    },
     {
       label: '64-bit',
       value: '64',
     },
+    {
+      label: '32-bit',
+      value: '86',
+    },
     {
       label: 'ARM64',
       value: 'arm64',