dify/web/app/components/header/header-wrapper.tsx

43 lines
1.3 KiB
TypeScript
Raw Normal View History

2023-07-18 16:57:14 +08:00
'use client'
import React, { useState } from 'react'
2023-07-18 16:57:14 +08:00
import { usePathname } from 'next/navigation'
import s from './index.module.css'
import { useEventEmitterContextContext } from '@/context/event-emitter'
import classNames from '@/utils/classnames'
2023-07-18 16:57:14 +08:00
type HeaderWrapperProps = {
children: React.ReactNode
}
const HeaderWrapper = ({
children,
}: HeaderWrapperProps) => {
const pathname = usePathname()
2024-12-23 11:17:49 +08:00
const isBordered = ['/apps', '/datasets', '/datasets/create', '/tools'].includes(pathname)
// // Check if the current path is a workflow canvas & fullscreen
const inWorkflowCanvas = pathname.endsWith('/workflow')
const workflowCanvasMaximize = localStorage.getItem('workflow-canvas-maximize') === 'true'
const [hideHeader, setHideHeader] = useState(workflowCanvasMaximize)
const { eventEmitter } = useEventEmitterContextContext()
eventEmitter?.useSubscription((v: any) => {
if (v?.type === 'workflow-canvas-maximize')
setHideHeader(v.payload)
})
if (hideHeader && inWorkflowCanvas)
return null
2023-07-18 16:57:14 +08:00
return (
<div className={classNames(
'sticky left-0 right-0 top-0 z-[15] flex min-h-[56px] shrink-0 grow-0 basis-auto flex-col',
2023-07-18 16:57:14 +08:00
s.header,
isBordered ? 'border-b border-divider-regular' : '',
2023-07-18 16:57:14 +08:00
)}
>
{children}
2023-07-18 16:57:14 +08:00
</div>
)
}
export default HeaderWrapper