mirror of
http://112.124.100.131/huang.ze/ebiz-dify-ai.git
synced 2025-12-06 17:36:50 +08:00
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
'use client'
|
|
import { usePathname, useSearchParams } from 'next/navigation'
|
|
import s from './index.module.css'
|
|
import classNames from '@/utils/classnames'
|
|
|
|
type HeaderWrapperProps = {
|
|
children: React.ReactNode
|
|
}
|
|
|
|
const HeaderWrapper = ({
|
|
children,
|
|
}: HeaderWrapperProps) => {
|
|
const pathname = usePathname()
|
|
const searchParams = useSearchParams()
|
|
const isBordered = ['/apps', '/datasets', '/datasets/create', '/tools'].includes(pathname)
|
|
|
|
// 当不携带 header 参数时，或者 header 参数为 1 时，显示 header
|
|
const headerParam = searchParams.get('header')
|
|
const showHeader = !headerParam || headerParam === '1'
|
|
|
|
// console.log('headerParam: ', headerParam, !headerParam, (headerParam === '1'))
|
|
// console.log('showHeader: ', showHeader)
|
|
if (!showHeader) return null
|
|
return (
|
|
<div className={classNames(
|
|
'sticky top-0 left-0 right-0 z-30 flex flex-col grow-0 shrink-0 basis-auto min-h-[56px]',
|
|
s.header,
|
|
isBordered ? 'border-b border-divider-regular' : '',
|
|
)}
|
|
>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
export default HeaderWrapper
|