i18n: translate frontend UI strings to English
This commit is contained in:
@@ -31,62 +31,62 @@ export default function ProjectDetailPage() {
|
||||
setEditing(false)
|
||||
}
|
||||
|
||||
if (!project) return <div className="loading">加载中...</div>
|
||||
if (!project) return <div className="loading">Loading...</div>
|
||||
|
||||
return (
|
||||
<div className="project-detail">
|
||||
<button className="btn-back" onClick={() => navigate('/projects')}>← 返回项目列表</button>
|
||||
<button className="btn-back" onClick={() => navigate('/projects')}>← Back to projects</button>
|
||||
|
||||
<div className="issue-header">
|
||||
{editing ? (
|
||||
<form className="inline-form" onSubmit={updateProject}>
|
||||
<input value={editForm.name} onChange={(e) => setEditForm({ ...editForm, name: e.target.value })} required />
|
||||
<input value={editForm.description} onChange={(e) => setEditForm({ ...editForm, description: e.target.value })} placeholder="描述" />
|
||||
<button type="submit" className="btn-primary">保存</button>
|
||||
<button type="button" className="btn-back" onClick={() => setEditing(false)}>取消</button>
|
||||
<input value={editForm.description} onChange={(e) => setEditForm({ ...editForm, description: e.target.value })} placeholder="Description" />
|
||||
<button type="submit" className="btn-primary">Save</button>
|
||||
<button type="button" className="btn-back" onClick={() => setEditing(false)}>Cancel</button>
|
||||
</form>
|
||||
) : (
|
||||
<>
|
||||
<h2>📁 {project.name}</h2>
|
||||
<p style={{ color: 'var(--text-dim)', marginTop: 4 }}>{project.description || '暂无描述'}</p>
|
||||
<button className="btn-transition" style={{ marginTop: 8 }} onClick={() => setEditing(true)}>编辑</button>
|
||||
<p style={{ color: 'var(--text-dim)', marginTop: 4 }}>{project.description || 'No description'}</p>
|
||||
<button className="btn-transition" style={{ marginTop: 8 }} onClick={() => setEditing(true)}>Edit</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="section">
|
||||
<h3>成员 ({members.length})</h3>
|
||||
<h3>Members ({members.length})</h3>
|
||||
{members.length > 0 ? (
|
||||
<div className="member-list">
|
||||
{members.map((m) => (
|
||||
<span key={m.id} className="badge">{`用户 #${m.user_id} (${m.role})`}</span>
|
||||
<span key={m.id} className="badge">{`User #${m.user_id} (${m.role})`}</span>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className="empty">暂无成员</p>
|
||||
<p className="empty">No members</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="section">
|
||||
<h3>里程碑 ({milestones.length})</h3>
|
||||
<h3>Milestones ({milestones.length})</h3>
|
||||
{milestones.map((ms) => (
|
||||
<div key={ms.id} className="milestone-item" onClick={() => navigate(`/milestones/${ms.id}`)}>
|
||||
<span className={`badge status-${ms.status === 'active' ? 'open' : ms.status === 'closed' ? 'closed' : 'in_progress'}`}>{ms.status}</span>
|
||||
<span className="milestone-title">{ms.title}</span>
|
||||
{ms.due_date && <span className="text-dim"> · 截止 {dayjs(ms.due_date).format('YYYY-MM-DD')}</span>}
|
||||
{ms.due_date && <span className="text-dim"> · Due {dayjs(ms.due_date).format('YYYY-MM-DD')}</span>}
|
||||
</div>
|
||||
))}
|
||||
{milestones.length === 0 && <p className="empty">暂无里程碑</p>}
|
||||
{milestones.length === 0 && <p className="empty">No milestones</p>}
|
||||
</div>
|
||||
|
||||
<div className="section">
|
||||
<div className="page-header">
|
||||
<h3>最近 Issues</h3>
|
||||
<button className="btn-primary" onClick={() => navigate('/issues/new')}>+ 新建</button>
|
||||
<h3>Recent Issues</h3>
|
||||
<button className="btn-primary" onClick={() => navigate('/issues/new')}>+ New</button>
|
||||
</div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>#</th><th>标题</th><th>状态</th><th>优先级</th></tr>
|
||||
<tr><th>#</th><th>Title</th><th>Status</th><th>Priority</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{issues.map((i) => (
|
||||
|
||||
Reference in New Issue
Block a user