e8b7d3b9fc
* start SidebarNav, enable dark mode * wip: sidebarnav, fix primer components theme rendering * feat: ProductSiteTree, useFeatureFlag * feat: add new product site tree (untested) * wire up HomepageVersionPicker, run lint * fix: remove re-render logic, fix homepage version picker to be natural width * fix: support css + primer/components color modes * fix: rename categoryId -> productId * feat: ProductSiteTree and AllArticlesProduct * fix: cleanup warnings * fix: use next links on ProductSiteTreeNew * fix: use next Link on AllArticlesProduct * fix: add tooltip to ScrollButton, remove stylesheet dependency * feat: ProductArticlesList component * fix: convert color_mode value from cookie when necessary * remove comments * replace liquid with jsx Co-authored-by: Rachael Sewell <rachmari@github.com>
63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
import Link from 'next/link'
|
|
import { useRouter } from 'next/router'
|
|
import { Dropdown } from '@primer/components'
|
|
|
|
import { useMainContext } from 'components/context/MainContext'
|
|
import { useVersion } from 'components/hooks/useVersion'
|
|
import { useTranslation } from 'components/hooks/useTranslation'
|
|
|
|
export const HomepageVersionPicker = () => {
|
|
const router = useRouter()
|
|
const { currentVersion } = useVersion()
|
|
const { allVersions, pagePermalinks, enterpriseServerVersions } = useMainContext()
|
|
const { t } = useTranslation('homepage')
|
|
|
|
if (!pagePermalinks || pagePermalinks.length <= 1) {
|
|
return null
|
|
}
|
|
|
|
const label =
|
|
currentVersion === 'homepage' ? t('version_picker') : allVersions[currentVersion].versionTitle
|
|
|
|
return (
|
|
<div className="d-md-inline-block">
|
|
<div className="border-top border-md-top-0 py-2 py-md-0 d-md-inline-block">
|
|
<Dropdown
|
|
css={`
|
|
ul {
|
|
width: unset;
|
|
}
|
|
`}
|
|
>
|
|
<summary>
|
|
{label}
|
|
<Dropdown.Caret />
|
|
</summary>
|
|
<Dropdown.Menu direction="sw">
|
|
{pagePermalinks.map((permalink) => {
|
|
if (permalink.pageVersion === 'homepage') {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<Dropdown.Item key={permalink.href}>
|
|
<Link href={permalink.href}>
|
|
<a>{permalink.pageVersionTitle}</a>
|
|
</Link>
|
|
</Dropdown.Item>
|
|
)
|
|
})}
|
|
<div className="pb-1">
|
|
<Link href={`/${router.locale}/${enterpriseServerVersions[0]}/admin/all-releases`}>
|
|
<a className="f6 no-underline color-text-tertiary pl-3 pr-2 no-wrap">
|
|
See all Enterprise releases
|
|
</a>
|
|
</Link>
|
|
</div>
|
|
</Dropdown.Menu>
|
|
</Dropdown>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|