implemented issue identifiers (<project_blob>-<issue_number>)

This commit is contained in:
Oliver Bryan
2025-12-14 21:19:28 +00:00
parent 0e4e84fe45
commit 6c8cba1def
3 changed files with 49 additions and 24 deletions

View File

@@ -1,13 +1,28 @@
import type { IssueRecord } from "@issue/shared";
import type { IssueRecord, ProjectRecord } from "@issue/shared";
import { X } from "lucide-react";
import { Button } from "@/components/ui/button";
import { issueID } from "@/lib/utils";
export function IssueDetailPane({ issue, close }: { issue: IssueRecord; close: () => void }) {
export function IssueDetailPane({
project,
issue,
close,
}: {
project: ProjectRecord;
issue: IssueRecord;
close: () => void;
}) {
return (
<div className="flex flex-col items-end">
<Button variant={"dummy"} onClick={close} className="px-0 py-0 w-6 h-6">
<X />
</Button>
<div className="flex flex-col">
<div className="flex flex-row items-center justify-end border-b">
<span className="w-full px-0.5">
<p className="text-sm w-fit px-0.75">{issueID(project.blob, issue.number)}</p>
</span>
<Button variant={"dummy"} onClick={close} className="px-0 py-0 w-6 h-6">
<X />
</Button>
</div>
<div className="flex flex-col w-full p-2 gap-2">
<h1 className="text-md">{issue.title}</h1>