1876bbd9e4
Enhanced error handling in documentation and blog pages, to ensure smoother running and user experience. This also includes additional UI updates related to font selection, layout arrangement, and interactive elements on error pages, marketing pages, and general site navigation components. Moreover, a "contact us" feature has been added to error pages to help users seek assistance more conveniently.
33 lines
909 B
TypeScript
33 lines
909 B
TypeScript
import type { User } from '@supabase/supabase-js';
|
|
|
|
import { AppLogo } from '~/components/app-logo';
|
|
|
|
import { SiteHeaderAccountSection } from './site-header-account-section';
|
|
import { SiteNavigation } from './site-navigation';
|
|
|
|
export function SiteHeader(props: { user?: User | null }) {
|
|
return (
|
|
<div
|
|
className={
|
|
'site-header sticky top-0 z-10 w-full bg-background/80 py-2 backdrop-blur-md dark:bg-background/50'
|
|
}
|
|
>
|
|
<div className={'container'}>
|
|
<div className="grid h-14 grid-cols-3 items-center">
|
|
<div>
|
|
<AppLogo />
|
|
</div>
|
|
|
|
<div className={'order-first md:order-none'}>
|
|
<SiteNavigation />
|
|
</div>
|
|
|
|
<div className={'flex items-center justify-end space-x-1'}>
|
|
<SiteHeaderAccountSection user={props.user ?? null} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|