ad1370ea7e
Some checks are pending
E2E / Playwright e2e (push) Waiting to run
- 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.
54 lines
1.6 KiB
TypeScript
54 lines
1.6 KiB
TypeScript
"use client"
|
|
|
|
import { useEffect } from "react"
|
|
import { usePathname } from "next/navigation"
|
|
import { useTheme } from "next-themes"
|
|
import {
|
|
applyMailBackgroundDom,
|
|
clearMailBackgroundDom,
|
|
} from "@/lib/mail-settings/mail-background-dom"
|
|
import { isDemoPath } from "@/lib/demo/demo-route"
|
|
import { useDemoThemeStore } from "@/lib/demo/demo-theme-store"
|
|
import { useMailSettingsStore } from "@/lib/stores/mail-settings-store"
|
|
import { isMailAppPath } from "@/lib/suite/mail-route"
|
|
import type { MailThemeMode } from "@/lib/mail-settings/types"
|
|
|
|
function resolveAppliedThemeMode(
|
|
pathname: string | null,
|
|
mailThemeMode: MailThemeMode,
|
|
demoThemeMode: MailThemeMode,
|
|
): MailThemeMode {
|
|
if (isDemoPath(pathname)) return demoThemeMode
|
|
return mailThemeMode
|
|
}
|
|
|
|
/** Applique thème clair/sombre/système et fond décoratif sur le document. */
|
|
export function MailThemeApplier() {
|
|
const pathname = usePathname()
|
|
const mailThemeMode = useMailSettingsStore((s) => s.themeMode)
|
|
const demoThemeMode = useDemoThemeStore((s) => s.themeMode)
|
|
const appliedThemeMode = resolveAppliedThemeMode(
|
|
pathname,
|
|
mailThemeMode,
|
|
demoThemeMode,
|
|
)
|
|
const backgroundId = useMailSettingsStore((s) => s.backgroundId)
|
|
const { theme, setTheme } = useTheme()
|
|
|
|
useEffect(() => {
|
|
if (!theme || theme === appliedThemeMode) return
|
|
setTheme(appliedThemeMode)
|
|
}, [appliedThemeMode, theme, setTheme])
|
|
|
|
useEffect(() => {
|
|
if (!isMailAppPath(pathname)) {
|
|
clearMailBackgroundDom()
|
|
return
|
|
}
|
|
applyMailBackgroundDom(backgroundId)
|
|
return () => clearMailBackgroundDom()
|
|
}, [backgroundId, pathname])
|
|
|
|
return null
|
|
}
|