Function GHESReleaseNotes

components/release-notes/GHESReleaseNotes.tsx:20–118

({ context }: Props)

}

export function GHESReleaseNotes({ context }: Props) {
  const router = useRouter()
  const { currentProduct } = useMainContext()
  const [focusedPatch, setFocusedPatch] = useState('')
  const { latestPatch, latestRelease, currentVersion, releaseNotes, releases, message } = context
  return (
    <div className="d-flex">
      <article className="min-width-0 flex-1">
        <div className="d-flex flex-items-center flex-justify-center color-bg-default text-bold px-5 py-2">
          <h1 className="f4 py-3 m-0">
            {currentVersion.planTitle} {currentVersion.currentRelease} release notes
          </h1>
        </div>
        <MarkdownContent data-search="article-body">
          {releaseNotes.map((patch) => {
            return (
              <GHESReleaseNotePatch
                key={patch.version}
                patch={patch}
                currentVersion={currentVersion}
                latestPatch={latestPatch}
                latestRelease={latestRelease}
                message={message}
                didEnterView={() => {
                  setFocusedPatch(patch.version)
                }}
              />
            )
          })}
        </MarkdownContent>
      </article>

      <aside
        className={cx(
          'position-sticky d-none d-md-block border-left no-print color-bg-default flex-shrink-0',
          styles.aside
        )}
      >
        <nav className="height-full overflow-auto">
          <MarkdownContent>
            <ul className="list-style-none pl-0 text-bold">
              {releases.map((release) => {
                const releaseLink = `/${router.locale}/${currentVersion.plan}@${release.version}/${currentProduct?.id}/release-notes`

                // Use client-side router link component only if it's a supported release.
                // Otherwise, it will trigger a NextJS data XHR fetch for releases
                // that are deprecated when in fact you should load it regularly
                // so it's read as a proxy from the archive.
                const LinkComponent = currentVersion.releases.includes(release.version)
                  ? Link
                  : PlainLink

                if (!release.patches || release.patches.length === 0) {
                  return (
                    <li key={release.version} className="border-bottom">
                      <LinkComponent
                        href={releaseLink}
                        className="Link--primary no-underline px-3 py-4 my-0 d-flex flex-items-center flex-justify-between"