feat: 增加可选性隐藏功能

- 目前可以隐藏 侧边栏,导航栏,发布按钮
This commit is contained in:
Huangzhe
2025-04-22 20:34:49 +08:00
parent 523efbfea5
commit 9e7197443c
4 changed files with 28 additions and 4 deletions

View File

@@ -9,6 +9,7 @@ import DatasetInfo from './dataset-info'
import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
import { useStore as useAppStore } from '@/app/components/app/store'
import cn from '@/utils/classnames'
import { useSearchParams } from 'next/navigation'
export type IAppDetailNavProps = {
iconType?: 'app' | 'dataset' | 'notion'
@@ -29,7 +30,7 @@ export type IAppDetailNavProps = {
const AppDetailNav = ({ title, desc, isExternal, icon, icon_background, navigation, extraInfo, iconType = 'app' }: IAppDetailNavProps) => {
const { appSidebarExpand, setAppSiderbarExpand } = useAppStore(useShallow(state => ({
appSidebarExpand: state.appSidebarExpand,
setAppSiderbarExpand: state.setAppSiderbarExpand,
setAppSiderbarExpand: state.setAppSiderbarExpand,
})))
const media = useBreakpoints()
const isMobile = media === MediaType.mobile
@@ -46,6 +47,15 @@ const AppDetailNav = ({ title, desc, isExternal, icon, icon_background, navigati
}
}, [appSidebarExpand, setAppSiderbarExpand])
const searchParams = useSearchParams()
// 从 router 查询参数,若有 sidebar选项,按照参数设置,没有的话,默认是展示内容
const showSidebar = !(searchParams?.get('sidebar')) || (searchParams?.get('sidebar') === '1')
// console.log('searchParams?.get("sidebar"): ', searchParams?.get('sidebar'),!(searchParams?.get('sidebar')) , (searchParams?.get('sidebar') === '1'))
// console.log('showSidebar: ', showSidebar)
// 如果showSidebar为false不显示
if (!showSidebar) return null;
return (
<div
className={`