chore: cleanup, refactor + fixes

Author: ovflowd

…s/site/components/EOL/EOLAlert/index.tsx apps/site/components/EOL/EOLAlert.tsxapps/site/components/EOL/EOLAlert/index.tsx renamed to apps/site/components/EOL/EOLAlert.tsx apps/site/components/EOL/EOLAlert/index.tsx renamed to apps/site/components/EOL/EOLAlert.tsx

@@ -15,19 +15,14 @@ type EOLModalProps = ComponentProps<typeof Modal> & {
 };
 
 const EOLModal: FC<EOLModalProps> = ({
-  release,
+  release: { codename, major: version },
   vulnerabilities,
   ...props
 }) => {
   const t = useTranslations();
 
-  const { codename, major: version } = release;
-
   const modalHeading = codename
-    ? t('components.eolModal.title', {
-        version,
-        codename,
-      })
+    ? t('components.eolModal.title', { version, codename })
     : t('components.eolModal.titleWithoutCodename', { version });
 
   useMemo(

…s/site/components/EOL/EOLModal/index.tsx apps/site/components/EOL/EOLModal.tsxapps/site/components/EOL/EOLModal/index.tsx renamed to apps/site/components/EOL/EOLModal.tsx apps/site/components/EOL/EOLModal/index.tsx renamed to apps/site/components/EOL/EOLModal.tsx

@@ -15,6 +15,7 @@ import { EOL_VERSION_IDENTIFIER } from '#site/next.constants.mjs';
 const EOLReleaseTable: FC = () => {
   const releaseData = provideReleaseData();
   const vulnerabilities = provideVulnerabilities();
+
   const eolReleases = releaseData.filter(
     release => release.status === EOL_VERSION_IDENTIFIER
   );
@@ -36,6 +37,7 @@ const EOLReleaseTable: FC = () => {
           <th>{t('components.eolTable.details')}</th>
         </tr>
       </thead>
+
       <tbody>
         {eolReleases.map(release => (
           <Fragment key={release.major}>
@@ -44,14 +46,17 @@ const EOLReleaseTable: FC = () => {
                 v{release.major}{' '}
                 {release.codename ? `(${release.codename})` : ''}
               </td>
+
               <td data-label="Date">
                 <FormattedTime date={release.releaseDate} />
               </td>
+
               <td>
                 <VulnerabilityChips
                   vulnerabilities={vulnerabilities[release.major]}
                 />
               </td>
+
               <td>
                 <LinkWithArrow
                   className="cursor-pointer"
@@ -61,6 +66,7 @@ const EOLReleaseTable: FC = () => {
                 </LinkWithArrow>
               </td>
             </tr>
+
             <EOLModal
               release={release}
               vulnerabilities={vulnerabilities[release.major]}

…components/EOL/EOLReleaseTable/index.tsx …/site/components/EOL/EOLReleaseTable.tsxapps/site/components/EOL/EOLReleaseTable/index.tsx renamed to apps/site/components/EOL/EOLReleaseTable.tsx apps/site/components/EOL/EOLReleaseTable/index.tsx renamed to apps/site/components/EOL/EOLReleaseTable.tsx

@@ -2,7 +2,7 @@ import classNames from 'classnames';
 import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
 
-import VulnerabilityChip from '#site/components/EOL/VulnerabilityChips/Chip';
+import VulnerabilityChip from '#site/components/EOL/VulnerabilityChips/VulnerabilityChip';
 import LinkWithArrow from '#site/components/LinkWithArrow';
 import type { Vulnerability } from '#site/types/vulnerabilities';
 
@@ -51,17 +51,17 @@ const VulnerabilitiesTable: FC<{
               {vulnerability.description || vulnerability.overview || '-'}
             </td>
             <td>
-              {vulnerability.url ? (
+              {vulnerability.url && (
                 <LinkWithArrow
                   href={vulnerability.url}
                   target="_blank"
                   rel="noopener noreferrer"
                 >
                   {t('components.eolModal.blogLinkText')}
                 </LinkWithArrow>
-              ) : (
-                '—'
               )}
+
+              {!!vulnerability.url || '-'}
             </td>
           </tr>
         ))}

…nents/EOL/KnownSeveritySection/index.tsx …/components/EOL/KnownSeveritySection.tsxapps/site/components/EOL/KnownSeveritySection/index.tsx renamed to apps/site/components/EOL/KnownSeveritySection.tsx apps/site/components/EOL/KnownSeveritySection/index.tsx renamed to apps/site/components/EOL/KnownSeveritySection.tsx

@@ -1,9 +1,10 @@
 import type { FC } from 'react';
 
-import VulnerabilityChip from '#site/components/EOL/VulnerabilityChips/Chip';
 import { SEVERITY_ORDER } from '#site/next.constants.mjs';
 import type { Severity, Vulnerability } from '#site/types';
 
+import VulnerabilityChip from './VulnerabilityChip';
+
 type VulnerabilityChipsProps = {
   vulnerabilities: Array<Vulnerability>;
 };