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 { SideBar } from './sidebar';
export default function DatasetWrapper() {
const { navigateToDatasetList } = useNavigatePage();
return (
<div className="flex flex-1">
<SideBar></SideBar>
<div className="flex-1">
<Outlet />
<section>
<PageHeader
title="Dataset details"
back={navigateToDatasetList}
></PageHeader>
<div className="flex flex-1">
<SideBar></SideBar>
<div className="flex-1">
<Outlet />
</div>
</div>
</div>
</section>
);
}

View File

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