fix(issues): update issue page components
This commit is contained in:
parent
e1cbbc1e0f
commit
71d2e059a6
@ -539,7 +539,7 @@ export default function IssueDetailPage() {
|
||||
<div className="flex items-start gap-2 justify-between">
|
||||
<div className="flex items-center gap-2 min-w-0">
|
||||
{isOpen ? (
|
||||
<Circle className="size-4 text-green-600 shrink-0" />
|
||||
<Circle className="size-4 text-success shrink-0" />
|
||||
) : (
|
||||
<CircleDot className="size-4 text-purple-600 shrink-0" />
|
||||
)}
|
||||
@ -599,10 +599,10 @@ export default function IssueDetailPage() {
|
||||
{issue.priority && (
|
||||
<span className={cn(
|
||||
"font-mono text-[10px] uppercase px-1.5 py-0.5 rounded",
|
||||
issue.priority === "critical" ? "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400" :
|
||||
issue.priority === "critical" ? "bg-destructive/10 text-destructive dark:bg-destructive/20 dark:text-destructive" :
|
||||
issue.priority === "high" ? "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400" :
|
||||
issue.priority === "low" ? "bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-400" :
|
||||
"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
|
||||
"bg-info/10 text-info dark:bg-info/20 dark:text-info",
|
||||
)}>
|
||||
{issue.priority}
|
||||
</span>
|
||||
@ -658,7 +658,7 @@ export default function IssueDetailPage() {
|
||||
<GitFork className="size-3.5 text-muted-foreground shrink-0" />
|
||||
<span className="font-heading text-[13px] font-medium text-foreground truncate">{pr.title}</span>
|
||||
<span className="font-mono text-[11px] text-muted-foreground shrink-0"># {pr.number}</span>
|
||||
<span className={cn("font-mono text-[10px] shrink-0", pr.state === "open" ? "text-green-600" : "text-purple-600")}>
|
||||
<span className={cn("font-mono text-[10px] shrink-0", pr.state === "open" ? "text-success" : "text-purple-600")}>
|
||||
{pr.state}
|
||||
</span>
|
||||
<ExternalLink className="size-3 text-muted-foreground shrink-0" />
|
||||
@ -726,7 +726,7 @@ export default function IssueDetailPage() {
|
||||
<SidebarSection title="Priority">
|
||||
<span className={cn(
|
||||
"text-[12px] font-heading font-medium capitalize",
|
||||
issue.priority === "critical" ? "text-red-600" :
|
||||
issue.priority === "critical" ? "text-destructive" :
|
||||
issue.priority === "high" ? "text-orange-600" :
|
||||
issue.priority === "low" ? "text-muted-foreground" :
|
||||
"text-foreground",
|
||||
|
||||
@ -77,7 +77,7 @@ function IssueRow({ issue, projectName }: { issue: IssueResponse; projectName: s
|
||||
to={`/${projectName}/issues/${issue.number}`}
|
||||
>
|
||||
<span className="mt-0.5 shrink-0">
|
||||
{isOpen ? <Circle className="size-[14px] text-green-600" /> : <CircleDot className="size-[14px] text-purple-600" />}
|
||||
{isOpen ? <Circle className="size-[14px] text-success" /> : <CircleDot className="size-[14px] text-purple-600" />}
|
||||
</span>
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex items-baseline gap-1.5 flex-wrap">
|
||||
@ -151,7 +151,7 @@ function IssueListView({ projectName, onCreate }: { projectName: string; onCreat
|
||||
<div className="flex items-center gap-2 bg-muted/50 px-3 py-2 border-b border-border">
|
||||
<nav className="flex items-center">
|
||||
{[
|
||||
{ key: "open", icon: <Circle className="size-3 text-green-600" />, count: openCount },
|
||||
{ key: "open", icon: <Circle className="size-3 text-success" />, count: openCount },
|
||||
{ key: "closed", icon: <CircleDot className="size-3 text-purple-600" />, count: closedCount },
|
||||
{ key: "all", icon: null, count: issues.length },
|
||||
].map((tab) => (
|
||||
|
||||
Loading…
Reference in New Issue
Block a user