932a45a862
- Systematic component review of Header, PrSection, TaskComments, and MergeDetails - Design token audit replacing hardcoded colors/spacing with CSS variables - Inline style audit migrating inline styles to stylesheet classes - Remove dead code: rate-limit-retry module and unused test files - Consolidate and reorganize styles.css with improved token usage
75 lines
2.7 KiB
TypeScript
75 lines
2.7 KiB
TypeScript
import type { Task } from "@fusion/core";
|
|
|
|
interface MergeDetailsProps {
|
|
task: Task;
|
|
}
|
|
|
|
function shortSha(sha?: string): string {
|
|
if (!sha) return "Unknown";
|
|
return sha.slice(0, 7);
|
|
}
|
|
|
|
export function MergeDetails({ task }: MergeDetailsProps) {
|
|
if (task.column !== "done" || !task.mergeDetails) {
|
|
return null;
|
|
}
|
|
|
|
const details = task.mergeDetails;
|
|
|
|
return (
|
|
<div className="detail-section">
|
|
<h4>Merge Details</h4>
|
|
<div className="pr-card merge-details-card">
|
|
<div className="detail-log-entry">
|
|
<div className="detail-log-header">
|
|
<span className="detail-log-action">Status</span>
|
|
<span className="detail-log-outcome">{details.mergeConfirmed === false ? "Recorded without local merge confirmation" : "Merged successfully"}</span>
|
|
</div>
|
|
</div>
|
|
<div className="detail-log-entry">
|
|
<div className="detail-log-header">
|
|
<span className="detail-log-action">Commit</span>
|
|
<span className="detail-log-outcome">{shortSha(details.commitSha)}</span>
|
|
</div>
|
|
</div>
|
|
<div className="detail-log-entry">
|
|
<div className="detail-log-header">
|
|
<span className="detail-log-action">Files changed</span>
|
|
<span className="detail-log-outcome">{details.filesChanged ?? 0}</span>
|
|
</div>
|
|
</div>
|
|
<div className="detail-log-entry">
|
|
<div className="detail-log-header">
|
|
<span className="detail-log-action">Insertions / Deletions</span>
|
|
<span className="detail-log-outcome">+{details.insertions ?? 0} / -{details.deletions ?? 0}</span>
|
|
</div>
|
|
</div>
|
|
{details.mergedAt ? (
|
|
<div className="detail-log-entry">
|
|
<div className="detail-log-header">
|
|
<span className="detail-log-action">Merged at</span>
|
|
<span className="detail-log-outcome">{new Date(details.mergedAt).toLocaleString()}</span>
|
|
</div>
|
|
</div>
|
|
) : null}
|
|
{details.prNumber ? (
|
|
<div className="detail-log-entry">
|
|
<div className="detail-log-header">
|
|
<span className="detail-log-action">PR</span>
|
|
<span className="detail-log-outcome">#{details.prNumber}</span>
|
|
</div>
|
|
</div>
|
|
) : null}
|
|
{details.mergeCommitMessage ? (
|
|
<div className="detail-log-entry">
|
|
<div className="detail-log-header">
|
|
<span className="detail-log-action">Message</span>
|
|
</div>
|
|
<div className="detail-log-outcome">{details.mergeCommitMessage}</div>
|
|
</div>
|
|
) : null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|