Files
supabase/apps/ui-library/components/top-navigation.tsx
Ivan Vasilov 33127bb6ab feat: Library (#34294)
* Copy the design-system app into a new one for ui-library.

* Remove unneeded content.

* Add supabase config.

* Cleanup the css.

* Add bunch of packages.

* Cleanup the registry.

* Regenerate the registry.

* Add needed components for documenting components.

* Add the pages for the components.

* Fix the RegistryBlock.

* Various fixes.

* Add a turbo definition for ui-library.

* Rename Remix to React Router.

* Reorder the pages for all frameworks.

* Remove the bottom pager.

* Fix the pages and command menu.

* Various fixes.

* Minor fixes.

* Add ai editor rules.

* Various fixes.

* Add local supabase env vars.

* Try to fix a package error.

* Bunch of various fixes.

* Fix lint errors.
2025-03-20 22:11:07 +01:00

38 lines
1.4 KiB
TypeScript

// import { docsConfig } from '@/config/docs'
import Link from 'next/link'
import { CommandMenu } from './command-menu'
import { HomepageSvgHandler } from './homepage-svg-handler'
import { ThemeSwitcherDropdown } from './theme-switcher-dropdown'
function TopNavigation() {
return (
<header className="sticky top-0 z-50 w-full border-t bg-studio/95 backdrop-blur supports-[backdrop-filter]:bg-studio/60">
<div className="absolute border-b border-dashed w-full top-[3.4rem] -z-10"></div>
<nav className="h-14 w-full flex">
<div className="max-w-site border-b w-full flex flex-row items-center gap-6 mx-auto px-6 border-r border-l justify-between">
<div className="flex items-center gap-8">
<Link href="/">
<h1>Supabase UI Library</h1>
</Link>
<HomepageSvgHandler name="design-system-marks" className="h-4 w-auto" />
</div>
{/* {docsConfig.mainNav.map((section) => (
<>
<div className="font-mono uppercase text-xs text-foreground-lighter">
{section.title}
</div>
</>
))} */}
<div className="flex items-center gap-8">
{/* <TopNavigationSearch /> */}
<CommandMenu />
<ThemeSwitcherDropdown />
</div>
</div>
</nav>
</header>
)
}
export default TopNavigation