ultisuite-client/components/gmail/settings/mail-settings-header.tsx
R3D347HR4Y b95948f980 feat: refactor mail and account settings structure for improved navigation and layout
- Updated routing for mail settings to redirect to the new settings layout.
- Introduced new account layout and section components for better organization.
- Replaced hardcoded paths with constants for account and mail settings to enhance maintainability.
- Removed deprecated mail settings layout and integrated it into the new settings structure.
- Enhanced user experience by streamlining navigation between account and mail settings.
2026-06-16 11:32:58 +02:00

36 lines
1.1 KiB
TypeScript

"use client"
import { UltiMailLogo } from "@/components/ultimail-logo"
import { MailSettingsSearchBar } from "@/components/gmail/settings/mail-settings-search-bar"
import { HeaderAccountActions } from "@/components/suite/header-account-actions"
import { MAIL_SETTINGS_BASE_PATH } from "@/lib/mail-settings/settings-nav"
const SETTINGS_HREF = MAIL_SETTINGS_BASE_PATH
export function MailSettingsHeader() {
return (
<header
data-mail-settings-chrome-header
className="flex h-16 w-full shrink-0 items-center gap-0 bg-app-canvas pr-4 sm:gap-2"
>
<div className="hidden h-full w-64 shrink-0 items-center pl-4 md:flex lg:w-72">
<UltiMailLogo className="min-h-8 shrink-0" />
</div>
<div className="flex shrink-0 items-center pl-2 md:hidden">
<UltiMailLogo variant="mark" className="h-8 w-8" />
</div>
<div className="flex min-w-0 flex-1 items-center px-1 sm:pl-1 sm:pr-1">
<MailSettingsSearchBar className="w-full max-w-3xl" />
</div>
<HeaderAccountActions
className="ml-auto shrink-0 pl-2 sm:pl-4"
settingsHref={SETTINGS_HREF}
/>
</header>
)
}