ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-08 02:33:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

33
packages/frontend/src/Index.tsx
View File

@@ -78,18 +78,27 @@ function Index() {
</div>
{/* main body */}
<div className="w-full h-full flex items-start justify-between pt-2 gap-2">
{/* issues list (table) */}
<IssuesTable
issues={issues}
columns={{ description: false }}
issueSelectAction={setSelectedIssue}
className="border w-full flex-shrink"
/>
{/* issue detail pane */}
{selectedIssue && (
<div className="border w-2xl">
<IssueDetailPane issue={selectedIssue} close={() => setSelectedIssue(null)} />
</div>
{selectedProject && issues.length > 0 && (
<>
{/* issues list (table) */}
<IssuesTable
project={selectedProject}
issues={issues}
columns={{ description: false }}
issueSelectAction={setSelectedIssue}
className="border w-full flex-shrink"
/>
{/* issue detail pane */}
{selectedIssue && (
<div className="border w-2xl">
<IssueDetailPane
project={selectedProject}
issue={selectedIssue}
close={() => setSelectedIssue(null)}
/>
</div>
)}
</>
)}
</div>
</main>

27
packages/frontend/src/components/issue-detail-pane.tsx
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>

13
packages/frontend/src/components/issues-table.tsx
View File

@@ -1,25 +1,26 @@
import type { IssueRecord } from "@issue/shared";
import type { IssueRecord, ProjectRecord } from "@issue/shared";
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
import { cn } from "@/lib/utils";
import { cn, issueID } from "@/lib/utils";
export function IssuesTable({
project,
issues,
columns = {},
issueSelectAction,
className,
}: {
project: ProjectRecord;
issues: IssueRecord[];
columns?: { id?: boolean; title?: boolean; description?: boolean; assignee?: boolean };
issueSelectAction?: (issue: IssueRecord) => void;
className: string;
}) {
if (issues.length === 0) return;
return (
<Table className={cn(className)}>
<TableHeader>
<TableRow hoverEffect={false}>
{(columns.id == null || columns.id === true) && (
<TableHead className="w-[1px] border-r">ID</TableHead>
<TableHead className="text-right w-[1px] border-r">ID</TableHead>
)}
{(columns.title == null || columns.title === true) && <TableHead>Title</TableHead>}
{(columns.description == null || columns.description === true) && (
@@ -39,8 +40,8 @@ export function IssuesTable({
}}
>
{(columns.id == null || columns.id === true) && (
<TableCell className="font-medium border-r">
{String(issue.id).padStart(3, "0")}
<TableCell className="font-medium border-r text-right">
{issue.number.toString().padStart(3, "0")}
</TableCell>
)}
{(columns.title == null || columns.title === true) && (