26 lines
881 B
TypeScript
26 lines
881 B
TypeScript
'use client'
|
|
import { useMediaQuery } from '@/hooks/use-media-query';
|
|
import { useMailConfig } from '@/hooks/use-mail'
|
|
import React from 'react'
|
|
|
|
const MailWrapper = ({ children }: { children: React.ReactNode }) => {
|
|
const [mailConfig, setMailConfig] = useMailConfig();
|
|
const { isOpen } = mailConfig
|
|
const isTablet = useMediaQuery("(min-width: 1024px)");
|
|
return (
|
|
<div className=' relative app-height'>
|
|
{!isTablet && isOpen && (
|
|
<div
|
|
onClick={() => setMailConfig({ ...mailConfig, isOpen: false })}
|
|
className="overlay bg-default-900 dark:bg-default-900 dark:bg-opacity-60 bg-opacity-60 backdrop-filter
|
|
backdrop-blur-sm absolute w-full flex-1 inset-0 z-20 rounded-md"
|
|
|
|
></div>
|
|
)}
|
|
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default MailWrapper |