From 9ed1a6492940dadd91697cfd9a9163e8b695b001 Mon Sep 17 00:00:00 2001
From: WangDL <wangdl2900@163.com>
Date: Sun, 24 May 2026 20:03:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20project=20center=20=E2=80=94=20repo=20se?=
 =?UTF-8?q?lector=20dropdown,=20fix=20Gitea=20tab,=20clean=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/pages/GiteaEmbed.tsx | 99 +++++++++++++++++++++++++---------------
 1 file changed, 63 insertions(+), 36 deletions(-)

diff --git a/src/pages/GiteaEmbed.tsx b/src/pages/GiteaEmbed.tsx
index c7dbda3..433e130 100644
--- a/src/pages/GiteaEmbed.tsx
+++ b/src/pages/GiteaEmbed.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Table, Tag, Tabs, Typography, Card, Row, Col, Spin } from 'antd'
+import { Table, Tag, Tabs, Typography, Card, Row, Col, Select, Space, Spin } from 'antd'
 import { CodeOutlined, RocketOutlined } from '@ant-design/icons'
 import { useQuery } from '@tanstack/react-query'
 import { api } from '@/services/http-client'
@@ -41,12 +41,25 @@ export default function ProjectCenter() {
     enabled: tab === 'runners',
   })
 
+  const repoOptions = (repos || []).map((r: any) => ({ label: r.fullName, value: r.fullName }))
+
+  const RepoSelector = () => (
+    <Select
+      placeholder="选择仓库"
+      value={selectedRepo}
+      onChange={setSelectedRepo}
+      options={repoOptions}
+      style={{ width: 280 }}
+      showSearch
+      filterOption={(input, option) => (option?.label as string)?.toLowerCase().includes(input.toLowerCase())}
+      allowClear
+    />
+  )
+
   const repoColumns = [
     { title: '仓库', dataIndex: 'fullName', width: 200, render: (n: string) => <a onClick={() => { setSelectedRepo(n); setTab('issues') }}>{n}</a> },
     { title: '描述', dataIndex: 'description', width: 200, ellipsis: true, render: (d: string) => d || '-' },
     { title: 'Issues', dataIndex: 'openIssues', width: 70 },
-    { title: 'PRs', dataIndex: 'openPulls', width: 70 },
-    { title: '里程碑', dataIndex: 'milestones', width: 70 },
     { title: 'Stars', dataIndex: 'stars', width: 60 },
     { title: '分支', dataIndex: 'defaultBranch', width: 80, render: (b: string) => <Tag>{b}</Tag> },
     { title: '更新', dataIndex: 'updatedAt', width: 100, render: (d: string) => d ? new Date(d).toLocaleDateString() : '-' },
@@ -70,44 +83,59 @@ export default function ProjectCenter() {
       <Tabs activeKey={tab} onChange={setTab} items={[
         {
           key: 'repos', label: '仓库列表',
-          children: <Table dataSource={repos || []} columns={repoColumns} rowKey="id" loading={isLoading} size="small" pagination={false} scroll={{ x: 900 }} />,
+          children: <Table dataSource={repos || []} columns={repoColumns} rowKey="id" loading={isLoading} size="small" pagination={false} scroll={{ x: 700 }} />,
         },
         {
-          key: 'issues', label: `Issues${selectedRepo ? ` · ${selectedRepo}` : ''}`,
-          children: selectedRepo ? (
-            <Table dataSource={issues || []} columns={issueColumns} rowKey="id" size="small" pagination={{ pageSize: 30 }} scroll={{ x: 700 }} />
-          ) : <Text type="secondary">请先选择仓库</Text>,
+          key: 'issues', label: 'Issues',
+          children: (
+            <div>
+              <Space style={{ marginBottom: 12 }}><RepoSelector /></Space>
+              {selectedRepo ? (
+                <Table dataSource={issues || []} columns={issueColumns} rowKey="id" size="small" pagination={{ pageSize: 30 }} scroll={{ x: 700 }} />
+              ) : <Text type="secondary">请选择仓库</Text>}
+            </div>
+          ),
         },
         {
           key: 'milestones', label: '里程碑',
-          children: selectedRepo ? (
-            <Row gutter={[16, 16]}>
-              {(milestones || []).map((m: any) => (
-                <Col xs={24} sm={12} lg={8} key={m.id}>
-                  <Card size="small" title={m.title}>
-                    <Text type="secondary">{m.description || '无描述'}</Text>
-                    <br />
-                    <Tag color={m.state === 'open' ? 'blue' : 'default'}>{m.state}</Tag>
-                    {m.due_on && <Tag>截止 {new Date(m.due_on).toLocaleDateString()}</Tag>}
-                  </Card>
-                </Col>
-              ))}
-            </Row>
-          ) : <Text type="secondary">请先选择仓库</Text>,
+          children: (
+            <div>
+              <Space style={{ marginBottom: 12 }}><RepoSelector /></Space>
+              {selectedRepo ? (
+                <Row gutter={[16, 16]}>
+                  {(milestones || []).map((m: any) => (
+                    <Col xs={24} sm={12} lg={8} key={m.id}>
+                      <Card size="small" title={m.title}>
+                        <Text type="secondary">{m.description || '无描述'}</Text>
+                        <br />
+                        <Tag color={m.state === 'open' ? 'blue' : 'default'}>{m.state}</Tag>
+                        {m.due_on && <Tag>截止 {new Date(m.due_on).toLocaleDateString()}</Tag>}
+                      </Card>
+                    </Col>
+                  ))}
+                </Row>
+              ) : <Text type="secondary">请选择仓库</Text>}
+            </div>
+          ),
         },
         {
           key: 'releases', label: 'Release',
-          children: selectedRepo ? (
-            <Table
-              dataSource={releases || []} rowKey="id" size="small" pagination={false}
-              columns={[
-                { title: '标签', dataIndex: 'tag_name', width: 120, render: (t: string) => <Tag color="blue"><RocketOutlined /> {t}</Tag> },
-                { title: '标题', dataIndex: 'name', width: 250, ellipsis: true },
-                { title: '发布者', dataIndex: ['author', 'login'], width: 100 },
-                { title: '发布时间', dataIndex: 'published_at', width: 120, render: (d: string) => d ? new Date(d).toLocaleDateString() : '-' },
-              ]}
-            />
-          ) : <Text type="secondary">请先选择仓库</Text>,
+          children: (
+            <div>
+              <Space style={{ marginBottom: 12 }}><RepoSelector /></Space>
+              {selectedRepo ? (
+                <Table
+                  dataSource={releases || []} rowKey="id" size="small" pagination={false}
+                  columns={[
+                    { title: '标签', dataIndex: 'tag_name', width: 120, render: (t: string) => <Tag color="blue"><RocketOutlined /> {t}</Tag> },
+                    { title: '标题', dataIndex: 'name', width: 250, ellipsis: true },
+                    { title: '发布者', dataIndex: ['author', 'login'], width: 100 },
+                    { title: '发布时间', dataIndex: 'published_at', width: 120, render: (d: string) => d ? new Date(d).toLocaleDateString() : '-' },
+                  ]}
+                />
+              ) : <Text type="secondary">请选择仓库</Text>}
+            </div>
+          ),
         },
         {
           key: 'runners', label: 'Runner 状态',
@@ -123,7 +151,7 @@ export default function ProjectCenter() {
             />
           ) : <Spin />,
         },
-        tab === 'gitea' ? undefined : {
+        {
           key: 'gitea', label: 'Gitea 面板',
           children: (
             <div style={{ width: '100%', height: 'calc(100vh - 200px)' }}>
@@ -131,8 +159,7 @@ export default function ProjectCenter() {
             </div>
           ),
         },
-      ].filter(Boolean) as any}
-      />
+      ]} />
     </div>
   )
 }