feat(site): make codename prominent

Author: araujogui

apps/site/components/Downloads/ReleaseModal/index.tsx

@@ -23,19 +23,19 @@ const ReleaseModal: FC<ReleaseModalProps> = ({
 }) => {
   const t = useTranslations();
 
-  const modalHeading = t('components.releaseModal.title', {
+  const modalHeadingKey = release.codename
+    ? 'components.releaseModal.title'
+    : 'components.releaseModal.titleWithoutCodename';
+
+  const modalHeading = t(modalHeadingKey, {
     version: release.major,
+    codename: release.codename ?? '',
   });
 
   const releaseAnnounceLink = getReleaseAnnounceLink(release);
 
   return (
-    <Modal
-      open={isOpen}
-      onOpenChange={closeModal}
-      heading={modalHeading}
-      subheading={release.codename}
-    >
+    <Modal open={isOpen} onOpenChange={closeModal} heading={modalHeading}>
       {releaseAnnounceLink && (
         <LinkWithArrow href={releaseAnnounceLink}>
           {t('components.releaseModal.releaseAnnouncement')}

packages/i18n/locales/en.json

@@ -156,7 +156,8 @@
       "details": "Details"
     },
     "releaseModal": {
-      "title": "Node.js v{version} release",
+      "title": "Node.js {version} ({codename})",
+      "titleWithoutCodename": "Node.js {version}",
       "minorVersions": "Minor versions",
       "releaseAnnouncement": "Release Announcement",
       "unsupportedVersionWarning": "This version is out of maintenance. Please use a currently supported version."