schiwagoa/tianji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add hideHeader in url params

Browse Source
This commit is contained in:
moonrailgun 2023-10-08 19:06:59 +08:00
parent 822a307cec
commit bfc04e9033
1 changed files with 39 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/pages/Layout.tsx
View File

@ -1,11 +1,12 @@
import React from 'react'; import React from 'react';
import { Outlet } from 'react-router-dom'; import { Outlet, useSearchParams } from 'react-router-dom';
import { NavItem } from '../components/NavItem'; import { NavItem } from '../components/NavItem';
import { UserOutlined } from '@ant-design/icons'; import { UserOutlined } from '@ant-design/icons';
import { Button, Dropdown } from 'antd'; import { Button, Dropdown } from 'antd';
import { useUserStore } from '../store/user'; import { useUserStore } from '../store/user';
export const Layout: React.FC = React.memo(() => { export const Layout: React.FC = React.memo(() => {
const [params] = useSearchParams();
const workspaces = useUserStore((state) => { const workspaces = useUserStore((state) => {
const userInfo = state.info; const userInfo = state.info;
if (userInfo) { if (userInfo) {
@ -19,9 +20,11 @@ export const Layout: React.FC = React.memo(() => {
return []; return [];
}); });
const showHeader = !params.has('hideHeader');
return ( return (
<div className="flex flex-col h-full"> <div className="flex flex-col h-full">
{showHeader && (
<div className="flex items-center bg-gray-100 px-4"> <div className="flex items-center bg-gray-100 px-4">
<div className="px-2 mr-10 font-bold">Tianji</div> <div className="px-2 mr-10 font-bold">Tianji</div>
<div className="flex gap-8"> <div className="flex gap-8">
@ -59,6 +62,7 @@ export const Layout: React.FC = React.memo(() => {
</Dropdown> </Dropdown>
</div> </div>
</div> </div>
)}
<div className="flex-1 w-full px-4 overflow-auto"> <div className="flex-1 w-full px-4 overflow-auto">
<div className="max-w-7xl m-auto h-full"> <div className="max-w-7xl m-auto h-full">
<Outlet /> <Outlet />