From f79235b330d456c387f19e02207a48368fefecf0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Allen=20Zhang=20=28=E5=BC=A0=E6=B6=9B=29?=
 <wr_zhang25@163.com>
Date: Thu, 4 Jul 2024 10:58:37 +0800
Subject: [PATCH] feat: update

---
 packages/canyon-platform/src/assets/img.png   | Bin 0 -> 383 bytes
 .../src/pages/index/projects/[id]/index.tsx   |  97 +++++++++++++-----
 2 files changed, 71 insertions(+), 26 deletions(-)
 create mode 100644 packages/canyon-platform/src/assets/img.png

diff --git a/packages/canyon-platform/src/assets/img.png b/packages/canyon-platform/src/assets/img.png
new file mode 100644
index 0000000000000000000000000000000000000000..54ed216201a146e21f759912e268061a7114b670
GIT binary patch
literal 383
zcmV-_0f7FAP)<h;3K|Lk000e1NJLTq001`t000;W1^@s6ULj?r0003-Nkl<ZcwX()
zze@sP9LMozsc0#vh?WSHMB)AiTW;!KXesI+NKjI+8f$XsTJlE(ff6`qp;09L0XalR
za5>ZzX^J;ILlAs=CY7h<2|Mq(<38|O1i$BdILT7%3U*nHUP4J;<L#5eiV^;SqvXX6
zF)z+4md7nb%CO7)b_vVz3SL_l#T`}+*yW&NAa&C~n||}Z>t9At+=9I}fx-rmUmxE2
z8u0!!5SN&MYeWg~ayt;WI}O)}j{}W6FV1;>#U-cU8arcL-2NQ?WN((4kyB!l#nt+8
zre21qu3iFtuCfF7axz#L?eyc+;wnUiFI1%Uv)-3w9|`3`5amz%q1BK08`6#_rwT*`
zG65XdHU5UQ^Wq#E7t97B%6H;}_TZp*PG$dqqE_-@<Q}v94QWSOv<Xp7`T_IH<Znnj
d!hhhV{Qw}$V`LhFzJ&k)002ovPDHLkV1mZ-t55&{

literal 0
HcmV?d00001

diff --git a/packages/canyon-platform/src/pages/index/projects/[id]/index.tsx b/packages/canyon-platform/src/pages/index/projects/[id]/index.tsx
index 6c29c73f..b5f7ab39 100755
--- a/packages/canyon-platform/src/pages/index/projects/[id]/index.tsx
+++ b/packages/canyon-platform/src/pages/index/projects/[id]/index.tsx
@@ -7,11 +7,11 @@ import ReactECharts from 'echarts-for-react';
 import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useNavigate, useParams } from 'react-router-dom';
-
+// import im from '../../../../assets/img.png'
 import ProjectRecordDetailDrawer from '../../../../components/app/ProjectRecordDetailDrawer.tsx';
 import MaterialSymbolsCommitSharp from '../../../../components/sha.tsx';
 import {
-  DeleteProjectDocument,
+  // DeleteProjectDocument,
   DeleteProjectRecordDocument,
   GetProjectByIdDocument,
   GetProjectChartDataDocument,
@@ -22,7 +22,11 @@ import {
 
 const { useToken } = theme;
 const { Title, Text } = Typography;
-
+// const content = ()=>{
+//   return <div>
+//     nihao
+//   </div>
+// }
 const ProjectOverviewPage = () => {
   const { token } = useToken();
   const { t } = useTranslation();
@@ -171,6 +175,26 @@ const ProjectOverviewPage = () => {
           </Link>
         );
       },
+      // width: '150px',
+      // render(_, { sha }) {
+      //   return (
+      //     <div className={'flex'}>
+      //       <Link
+      //         // style={{border:'1px solid #000'}}
+      //         className={'block w-[60px]'}
+      //         to={{
+      //           pathname: `/projects/${pam.id}/commits/${sha}`,
+      //         }}
+      //       >
+      //         {_}%
+      //       </Link>
+      //       <Popover content={content} title="Title">
+      //         <img src={im} alt='coverage'/>
+      //       </Popover>
+      //
+      //     </div>
+      //   );
+      // },
     },
     {
       title: (
@@ -314,7 +338,7 @@ const ProjectOverviewPage = () => {
             {t('projects.default.branch')}: {projectByIdData?.getProjectByID.defaultBranch}
           </Text>
         </div>
-        {projectByIdData?.getProjectByID.tags.length > 0 && (
+        {(projectByIdData?.getProjectByID.tags||[]).length > 0 && (
           <div className={'pt-5'}>
             <Text className={'mr-3'} type={'secondary'}>
               {t('projects.config.tag')}:
@@ -408,30 +432,51 @@ const ProjectOverviewPage = () => {
       <Text className={'block mb-3'} style={{ fontWeight: 500, fontSize: 16 }}>
         {t('projects.records')}
       </Text>
-      <div className={'flex items-center gap-5'} style={{ marginBottom: '16px' }}>
-        <Input.Search
-          defaultValue={keyword}
-          placeholder={t('projects.overview_search_keywords')}
-          onSearch={(value) => {
-            setKeyword(value);
-            setCurrent(1);
-          }}
-          style={{ width: '700px' }}
-        />
-        <Space>
-          <Text type={'secondary'}>{t('projects.only.default.branch')}: </Text>
-          <Switch
-            defaultChecked={Boolean(localStorage.getItem('defaultBranchOnly'))}
-            onChange={(v) => {
-              if (v) {
-                localStorage.setItem('defaultBranchOnly', '1');
-              } else {
-                localStorage.removeItem('defaultBranchOnly');
-              }
-              setDefaultBranchOnly(v);
+      <div className={'flex'}  style={{ marginBottom: '16px',justifyContent:'space-between' }}>
+
+        <div className={'flex items-center gap-5'}>
+          <Input.Search
+            defaultValue={keyword}
+            placeholder={t('projects.overview_search_keywords')}
+            onSearch={(value) => {
+              setKeyword(value);
+              setCurrent(1);
             }}
+            style={{ width: '500px' }}
           />
-        </Space>
+          <Space>
+            <Text type={'secondary'}>{t('projects.only.default.branch')}: </Text>
+            <Switch
+              defaultChecked={Boolean(localStorage.getItem('defaultBranchOnly'))}
+              onChange={(v) => {
+                if (v) {
+                  localStorage.setItem('defaultBranchOnly', '1');
+                } else {
+                  localStorage.removeItem('defaultBranchOnly');
+                }
+                setDefaultBranchOnly(v);
+              }}
+            />
+          </Space>
+        </div>
+
+        <div className={'flex gap-2'} style={{display:'none'}}>
+          {
+            ['#1f77b4','#ff7f0e','#2ca02c'].map((item, index) => {
+              return <div className={'flex items-center gap-1'}>
+                <span className={'block w-[20px] h-[12px] rounded-sm'} style={{backgroundColor:item}}></span>
+                <span className={'text-sm'}>{
+                  {
+                    0:'手工测试',
+                    1:'UI自动化测试',
+                    2:'单元测试',
+                  }[index] || 'unknown'
+
+                }</span>
+              </div>
+            })
+          }
+        </div>
       </div>
       {/*div*/}
       <Table