Function EOLReleaseTable

apps/site/components/EOL/EOLReleaseTable/index.tsx:13–44

()

import styles from './index.module.css';

const EOLReleaseTable: FC = async () => {
  const releaseData = await provideReleaseData();
  const vulnerabilities = await provideVulnerabilities();

  const eolReleases = releaseData.filter(release => release.status === 'EOL');

  const t = await getTranslations();

  return (
    <div className={styles.eolTableWrapper}>
      <Switch id="hide-non-lts" label={t('components.eolTable.hideNonLts')} />
      <table id="tbVulnerabilities">
        <thead>
          <tr>
            <th>
              {t('components.eolTable.version')} (
              {t('components.eolTable.codename')})
            </th>
            <th>{t('components.eolTable.lastUpdated')}</th>
            <th>{t('components.eolTable.vulnerabilities')}</th>
            <th>{t('components.eolTable.details')}</th>
          </tr>
        </thead>

        <EOLReleaseTableBody
          eolReleases={eolReleases}
          vulnerabilities={vulnerabilities}
        />
      </table>
    </div>
  );
};

export default EOLReleaseTable;