mirror of
https://github.com/supabase/supabase.git
synced 2026-05-23 10:21:37 +08:00
b91532f6c7
* migrate some www components to tokens * consolidate InteractiveShimmerCard to Panel component * update tokens in blog * update tokens in careers page * update tokens in customers section * update tokens in open-source section * update tokens in Realtime page * update tokens in Storage and Vector * update tokens in SplitCodeBlockCarousel * update tokens in PGCharts * remove unused css files * update tokens in Card * update tokens in Pricing page * clean up priving page imports * remove hardcoded theme vars * migrate first half of defaultTheme.ts to tokens * migrate second half of defaultTheme.ts to tokens * improve inputs * add foreground to text-light and text-lighter * add foreground to text-light and text-lighter * migrate docs components with styling tokens * migrate docs components with styling tokens * fix broken Repos component * fix broken classes in blog * update tokens on Button and other components * update tokens on IconPanel * update studio main layout base styling tokens * update tokens across studio, docs and www * update tokens across studio, docs and www * update ui/Panel to styling tokens * update ExampleProject and TableEditorMenu tokens * www vector page tokens * update studio UI tokens * update other studio UI tokens * update more studio UI tokens * change tokens here, change tokens there * finish updating colors with tokens variables * add gui sandbox for theme experimentation * use common package for www, docs and studio and fix Command K tokens * provide light mode default tokens options * fix conflict leftover * update loading line * fix className typo * fix prettier * update themeSandbox preset default values * fix text-background0 * prettier * update warningBanner with warning color * switch all border-border with border-default * improve border-secondary and foreground-muted in light mode * force ring color on toggle * fix button bg color and border-muted light token * fix input bg color * fix dark button hover * fix homepage product card * fix code-hike table header colors * button dark border * remove tabIndex leftover from homepage main ctas --------- Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com> Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
80 lines
2.4 KiB
TypeScript
80 lines
2.4 KiB
TypeScript
import { useRouter } from 'next/router'
|
|
import {
|
|
Badge,
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuItem,
|
|
DropdownMenuLabel,
|
|
DropdownMenuTrigger,
|
|
IconChevronDown,
|
|
} from 'ui'
|
|
import { REFERENCES } from './Navigation/NavigationMenu/NavigationMenu.constants'
|
|
|
|
const RevVersionDropdown = () => {
|
|
const { asPath, push } = useRouter()
|
|
const pathSegments = asPath.split('/')
|
|
|
|
const library = pathSegments.length >= 3 ? pathSegments[2] : undefined
|
|
const libraryMeta = REFERENCES?.[library] ?? undefined
|
|
const versions = libraryMeta?.versions ?? []
|
|
|
|
const currentVersion = versions.includes(pathSegments[pathSegments.indexOf(library) + 1])
|
|
? pathSegments[pathSegments.indexOf(library) + 1]
|
|
: versions[0]
|
|
|
|
const onSelectVersion = (version: string) => {
|
|
if (!library) return
|
|
if (version === versions[0]) {
|
|
push(`/reference/${library}/start`)
|
|
} else {
|
|
push(`/reference/${library}/${version}/start`)
|
|
}
|
|
}
|
|
|
|
if (!versions || versions.length === 0) {
|
|
return <></>
|
|
}
|
|
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger>
|
|
<div
|
|
className="
|
|
group
|
|
justify-between
|
|
bg-control
|
|
border
|
|
hover:border-control
|
|
hover:bg-overlay-hover
|
|
border-control px-2 h-[32px] rounded
|
|
font-mono
|
|
flex items-center gap-1 text-foreground-muted text-xs group-hover:text-foreground transition
|
|
"
|
|
>
|
|
{/* <span>version</span> */}
|
|
<span className="text-foreground text-sm group-hover:text-foreground transition">
|
|
{currentVersion}.0
|
|
</span>
|
|
<IconChevronDown size={14} strokeWidth={2} />
|
|
</div>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent align="start" side="bottom" className="w-48">
|
|
<DropdownMenuLabel className="text-xs">Stable releases</DropdownMenuLabel>
|
|
{versions.map((version, index) => (
|
|
<DropdownMenuItem
|
|
key={version}
|
|
onClick={() => onSelectVersion(version)}
|
|
className="justify-between flex"
|
|
>
|
|
<span className={`${currentVersion === version ? 'font-bold' : ''}`}>
|
|
Version {version}.0
|
|
</span>
|
|
{index === 0 && <Badge size="small">Latest</Badge>}
|
|
</DropdownMenuItem>
|
|
))}
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
)
|
|
}
|
|
export default RevVersionDropdown
|