mirror of
https://github.com/supabase/supabase.git
synced 2026-07-05 01:14:23 +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>
64 lines
2.4 KiB
TypeScript
64 lines
2.4 KiB
TypeScript
import Link from 'next/link'
|
|
import { Fragment } from 'react'
|
|
import { Badge, cn } from 'ui'
|
|
import { HOMEPAGE_MENU_ITEMS } from './NavigationMenu.constants'
|
|
import HomeMenuIconPicker from './HomeMenuIconPicker'
|
|
|
|
const NavigationMenuHome = () => {
|
|
return (
|
|
<div className="transition-all duration-150 ease-out opacity-100 ml-0 delay-150">
|
|
<ul className="relative w-full flex flex-col gap-4 pb-5">
|
|
{HOMEPAGE_MENU_ITEMS.map((section, sectionIndex) => {
|
|
return (
|
|
<Fragment key={`section-container-${sectionIndex}-border`}>
|
|
{sectionIndex !== 0 && (
|
|
<div className="h-px w-full border-b" key={`section-${sectionIndex}-border`}></div>
|
|
)}
|
|
<div key={`section-${sectionIndex}`}>
|
|
<div className="flex flex-col gap-4">
|
|
{section.map((link, i) => {
|
|
if (!link.href) {
|
|
return (
|
|
<div
|
|
key={link.label}
|
|
className={cn(
|
|
'font-mono uppercase text-xs text-foreground-lighter',
|
|
i !== 0 && 'mt-4'
|
|
)}
|
|
>
|
|
{link.label}
|
|
</div>
|
|
)
|
|
} else {
|
|
return (
|
|
<Link href={link.href} passHref key={link.label}>
|
|
<li
|
|
className={[
|
|
'group flex items-center gap-2',
|
|
'text-sm transition-all duration-150 text-foreground-light hover:text-foreground hover:cursor-pointer ',
|
|
].join(' ')}
|
|
>
|
|
{link?.icon && <HomeMenuIconPicker icon={link.icon} />}
|
|
{link.label}
|
|
{link.community && (
|
|
<Badge size="small" color="scale">
|
|
Community
|
|
</Badge>
|
|
)}
|
|
</li>
|
|
</Link>
|
|
)
|
|
}
|
|
})}
|
|
</div>
|
|
</div>
|
|
</Fragment>
|
|
)
|
|
})}
|
|
</ul>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default NavigationMenuHome
|