* 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.
38 lines
1.4 KiB
TypeScript
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
|