feat: update

packages/canyon-platform/src/layout/MainBox.tsx

@@ -1,15 +1,15 @@
 import Icon, { DashboardOutlined } from '@ant-design/icons';
 import { useQuery } from '@apollo/client';
 import type { MenuProps } from 'antd';
-import { Avatar, Dropdown, Layout, Menu, Space } from 'antd';
+import { Avatar, Breadcrumb, Dropdown, Layout, Menu, Space } from 'antd';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useLocation, useNavigate, useRoutes } from 'react-router-dom';
 
 import routes from '~react-pages';
 
 import { MeDocument } from '../helpers/backend/gen/graphql.ts';
+import { genBreadcrumbItems } from './gen.tsx';
 import Sv from './Sv';
-
 const { Content, Sider } = Layout;
 
 type MenuItem = Required<MenuProps>['items'][number];
@@ -62,7 +62,7 @@ const App: React.FC = () => {
   }, [loc.pathname]);
 
   const dropdownItems = [getItem('登出', 'logout')];
-  const dropdownClick = ({ key }:any) => {
+  const dropdownClick = ({ key }: any) => {
     console.log(key);
     localStorage.clear();
     window.location.href = '/welcome';
@@ -102,8 +102,10 @@ const App: React.FC = () => {
           </Sider>
           <Layout>
             <header className={'h-[48px] bg-white flex justify-between px-5'}>
-              <span></span>
-
+              <div>
+                {/*<div>{JSON.stringify(loc)}</div>*/}
+                <Breadcrumb className={'ml-3 mt-3'} items={genBreadcrumbItems(loc.pathname)} />
+              </div>
               <Dropdown menu={{ items: dropdownItems, onClick: dropdownClick }}>
                 <Space
                   className={'flex items-center cursor-pointer'}
@@ -113,10 +115,6 @@ const App: React.FC = () => {
                   <span>{meData?.me.username}</span>
                 </Space>
               </Dropdown>
-
-              {/*<Space >*/}
-
-              {/*</Space>*/}
             </header>
             <Content style={{ margin: '0 0' }}>
               <div style={{ padding: 24, minHeight: 360 }}>{r}</div>

packages/canyon-platform/src/layout/gen.tsx

@@ -0,0 +1,47 @@
+import { useNavigate } from 'react-router-dom';
+
+export function genBreadcrumbItems(pathname:string) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const nav = useNavigate();
+  console.log(pathname);
+  if (pathname.includes('overview')) {
+    return [
+      {
+        title: <span className={'cursor-pointer'}>Project</span>,
+        onClick() {
+          nav('/project');
+        },
+      },
+      {
+        title: 'Overview',
+      },
+    ];
+  } else if (pathname.includes('commits')) {
+    return [
+      {
+        title: <span className={'cursor-pointer'}>Project</span>,
+        onClick() {
+          nav('/project');
+        },
+      },
+      {
+        title: <span className={'cursor-pointer'}>Overview</span>,
+        onClick() {
+          const regex = /\/project\/(\d+)\//;
+          const match = pathname.match(regex);
+          if (match) {
+            const projectId = match[1];
+            nav(`/project/${projectId}/overview`);
+          } else {
+            console.log('未找到匹配的项目ID');
+          }
+        },
+      },
+      {
+        title: 'Coverage Details',
+      },
+    ];
+  } else {
+    return [];
+  }
+}

packages/canyon-platform/src/pages/project/[id]/overview.tsx

@@ -10,6 +10,7 @@ import { useNavigate } from 'react-router-dom';
 import { GetProjectOverviewDocument } from '../../../helpers/backend/gen/graphql.ts';
 const Xx = () => {
   const pam = useParams();
+  console.log(pam)
   const nav = useNavigate();
   const { data } = useQuery(GetProjectOverviewDocument, {
     variables: {