ultisuite-client/components/gmail/contacts/contacts-panel-logo.tsx
R3D347HR4Y ad1370ea7e
Some checks are pending
E2E / Playwright e2e (push) Waiting to run
feat: enhance configuration and add new demo layouts
- Introduced turbopack alias for canvas in next.config.mjs.
- Updated package.json scripts for development and branding tasks.
- Added new dependencies for Tiptap extensions.
- Implemented new demo layouts for agenda, contacts, drive, and mail applications.
- Enhanced globals.css for improved theming and splash screen animations.
- Added OAuth callback handling for drive mounts.
- Updated layout components to integrate new demo shells and improve structure.
2026-06-12 19:10:24 +02:00

45 lines
1.2 KiB
TypeScript

"use client"
import { cn } from "@/lib/utils"
import { suitePublicAsset } from "@/lib/suite/suite-public-asset"
import { CONTACTS_PANEL_TITLE_CLASS } from "@/lib/contacts-chrome-classes"
import { SUITE_APP_LOGO_LOCKUP_CLASS, SUITE_APP_LOGO_MARK_CLASS } from "@/lib/suite/suite-chrome-classes"
const CONTACTS_MARK_SRC = suitePublicAsset("/contacts-mark.svg")
type ContactsPanelLogoProps = {
onClick: () => void
className?: string
titleClassName?: string
markClassName?: string
}
export function ContactsPanelLogo({
onClick,
className,
titleClassName = CONTACTS_PANEL_TITLE_CLASS,
markClassName = SUITE_APP_LOGO_MARK_CLASS,
}: ContactsPanelLogoProps) {
return (
<button
type="button"
onClick={onClick}
className={cn(
SUITE_APP_LOGO_LOCKUP_CLASS,
"min-w-0 rounded-full px-1 py-0.5 text-left transition-colors hover:bg-accent",
className,
)}
aria-label="Liste des contacts"
>
<img
src={CONTACTS_MARK_SRC}
alt=""
className={cn("shrink-0 object-contain", markClassName)}
draggable={false}
aria-hidden
/>
<span className={titleClassName}>Contacts</span>
</button>
)
}