Feat: Add PageHeader to DatasetWrapper #3221 (#5284)

### What problem does this PR solve?

Feat: Add PageHeader to DatasetWrapper #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu 2025-02-24 13:50:21 +08:00 committed by GitHub
parent bcc92e04c9
commit 4d22daefa7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 30 additions and 22 deletions

View File

@ -1,13 +1,22 @@
import { PageHeader } from '@/components/page-header';
import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
import { Outlet } from 'umi'; import { Outlet } from 'umi';
import { SideBar } from './sidebar'; import { SideBar } from './sidebar';
export default function DatasetWrapper() { export default function DatasetWrapper() {
const { navigateToDatasetList } = useNavigatePage();
return ( return (
<div className="flex flex-1"> <section>
<SideBar></SideBar> <PageHeader
<div className="flex-1"> title="Dataset details"
<Outlet /> back={navigateToDatasetList}
></PageHeader>
<div className="flex flex-1">
<SideBar></SideBar>
<div className="flex-1">
<Outlet />
</div>
</div> </div>
</div> </section>
); );
} }

View File

@ -239,25 +239,24 @@ const routes = [
path: Routes.DatasetBase, path: Routes.DatasetBase,
layout: false, layout: false,
component: '@/layouts/next', component: '@/layouts/next',
routes: [{ path: Routes.DatasetBase, redirect: Routes.Dataset }],
},
{
path: Routes.DatasetBase,
layout: false,
component: `@/pages${Routes.DatasetBase}`,
routes: [ routes: [
{ path: Routes.DatasetBase, redirect: Routes.Dataset },
{ {
path: Routes.DatasetBase, path: `${Routes.Dataset}/:id`,
component: `@/pages${Routes.DatasetBase}`, component: `@/pages${Routes.Dataset}`,
routes: [ },
{ {
path: `${Routes.Dataset}/:id`, path: `${Routes.DatasetBase}${Routes.DatasetSetting}/:id`,
component: `@/pages${Routes.Dataset}`, component: `@/pages${Routes.DatasetBase}${Routes.DatasetSetting}`,
}, },
{ {
path: `${Routes.DatasetBase}${Routes.DatasetSetting}/:id`, path: `${Routes.DatasetBase}${Routes.DatasetTesting}/:id`,
component: `@/pages${Routes.DatasetBase}${Routes.DatasetSetting}`, component: `@/pages${Routes.DatasetBase}${Routes.DatasetTesting}`,
},
{
path: `${Routes.DatasetBase}${Routes.DatasetTesting}/:id`,
component: `@/pages${Routes.DatasetBase}${Routes.DatasetTesting}`,
},
],
}, },
], ],
}, },