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-start gap-2 justify-between">
|
||||||
<div className="flex items-center gap-2 min-w-0">
|
<div className="flex items-center gap-2 min-w-0">
|
||||||
{isOpen ? (
|
{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" />
|
<CircleDot className="size-4 text-purple-600 shrink-0" />
|
||||||
)}
|
)}
|
||||||
@ -599,10 +599,10 @@ export default function IssueDetailPage() {
|
|||||||
{issue.priority && (
|
{issue.priority && (
|
||||||
<span className={cn(
|
<span className={cn(
|
||||||
"font-mono text-[10px] uppercase px-1.5 py-0.5 rounded",
|
"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 === "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" :
|
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}
|
{issue.priority}
|
||||||
</span>
|
</span>
|
||||||
@ -658,7 +658,7 @@ export default function IssueDetailPage() {
|
|||||||
<GitFork className="size-3.5 text-muted-foreground shrink-0" />
|
<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-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="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}
|
{pr.state}
|
||||||
</span>
|
</span>
|
||||||
<ExternalLink className="size-3 text-muted-foreground shrink-0" />
|
<ExternalLink className="size-3 text-muted-foreground shrink-0" />
|
||||||
@ -726,7 +726,7 @@ export default function IssueDetailPage() {
|
|||||||
<SidebarSection title="Priority">
|
<SidebarSection title="Priority">
|
||||||
<span className={cn(
|
<span className={cn(
|
||||||
"text-[12px] font-heading font-medium capitalize",
|
"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 === "high" ? "text-orange-600" :
|
||||||
issue.priority === "low" ? "text-muted-foreground" :
|
issue.priority === "low" ? "text-muted-foreground" :
|
||||||
"text-foreground",
|
"text-foreground",
|
||||||
|
|||||||
@ -77,7 +77,7 @@ function IssueRow({ issue, projectName }: { issue: IssueResponse; projectName: s
|
|||||||
to={`/${projectName}/issues/${issue.number}`}
|
to={`/${projectName}/issues/${issue.number}`}
|
||||||
>
|
>
|
||||||
<span className="mt-0.5 shrink-0">
|
<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>
|
</span>
|
||||||
<div className="min-w-0 flex-1">
|
<div className="min-w-0 flex-1">
|
||||||
<div className="flex items-baseline gap-1.5 flex-wrap">
|
<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">
|
<div className="flex items-center gap-2 bg-muted/50 px-3 py-2 border-b border-border">
|
||||||
<nav className="flex items-center">
|
<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: "closed", icon: <CircleDot className="size-3 text-purple-600" />, count: closedCount },
|
||||||
{ key: "all", icon: null, count: issues.length },
|
{ key: "all", icon: null, count: issues.length },
|
||||||
].map((tab) => (
|
].map((tab) => (
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user