38 lines
892 B
TypeScript
38 lines
892 B
TypeScript
'use client'
|
|
|
|
import ReduxProvider from "@/app/redux/provider"
|
|
import HamberMenu from "./hamber-menu"
|
|
import ReactQueryProvider from "@/app/react_query/provider"
|
|
import { usePathname } from 'next/navigation'
|
|
import CustomerInfo from "./customer-info"
|
|
|
|
|
|
const MainLayoutUtil = ({children,}: {children: React.ReactNode})=>{
|
|
const pathname = usePathname()
|
|
|
|
return (
|
|
<div className={`basis-full md:mr-[8.9rem] ${pathname.startsWith('/shop') ? 'lg:ml-[17rem]': ''} `}>
|
|
|
|
<ReduxProvider>
|
|
<ReactQueryProvider>
|
|
<div className='w-full h-[2.5rem] flex flex-row bg-gray-800 p-2 text-white'>
|
|
|
|
<HamberMenu />
|
|
|
|
<div className='pr-4'>
|
|
<CustomerInfo />
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
{children}
|
|
|
|
</ReactQueryProvider>
|
|
</ReduxProvider>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
|
|
export default MainLayoutUtil |