f6d1b500da
Implemented a new ModeToggle feature for theme switching in personal account dropdown. The changes also made adjustments to several UI components, such as transforming Dialog to AlertDialog in transfer-ownership-dialog, and introducing invitation-submit-button in team-accounts. Some minor amendments include text changes and styling modifications.
32 lines
980 B
TypeScript
32 lines
980 B
TypeScript
import type { Session } from '@supabase/supabase-js';
|
|
|
|
import { ModeToggle } from '@kit/ui/mode-toggle';
|
|
|
|
import { SiteHeaderAccountSection } from '~/(marketing)/_components/site-header-account-section';
|
|
import { SiteNavigation } from '~/(marketing)/_components/site-navigation';
|
|
import { AppLogo } from '~/components/app-logo';
|
|
|
|
export function SiteHeader(props: { session?: Session | null }) {
|
|
return (
|
|
<div className={'container mx-auto'}>
|
|
<div className="flex h-16 items-center justify-between">
|
|
<div className={'w-4/12'}>
|
|
<AppLogo />
|
|
</div>
|
|
|
|
<div className={'hidden w-4/12 justify-center lg:flex'}>
|
|
<SiteNavigation />
|
|
</div>
|
|
|
|
<div className={'flex flex-1 items-center justify-end space-x-4'}>
|
|
<div className={'flex items-center'}>
|
|
<ModeToggle />
|
|
</div>
|
|
|
|
<SiteHeaderAccountSection session={props.session ?? null} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|