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

status tag component and implmentation

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-10 16:47:42 +00:00
parent 364e4e0f64
commit 593e155755
5 changed files with 70 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/frontend/src/components/issue-detail-pane.tsx
View File

@@ -4,8 +4,10 @@ import { useEffect, useState } from "react";
import { useSession } from "@/components/session-provider";
import SmallUserDisplay from "@/components/small-user-display";
import { StatusSelect } from "@/components/status-select";
import StatusTag from "@/components/status-tag";
import { TimerModal } from "@/components/timer-modal";
import { Button } from "@/components/ui/button";
import { SelectTrigger } from "@/components/ui/select";
import { UserSelect } from "@/components/user-select";
import { issue } from "@/lib/server";
import { issueID } from "@/lib/utils";
@@ -84,9 +86,23 @@ export function IssueDetailPane({
</div>
<div className="flex flex-col w-full p-2 py-2 gap-2">
<div className="flex gap-2 -mt-1 -ml-1">
<StatusSelect statuses={statuses} value={status} onChange={handleStatusChange} />
<div className="flex w-full h-8 border-b items-center min-w-0">
<div className="flex gap-2">
<StatusSelect
statuses={statuses}
value={status}
onChange={handleStatusChange}
trigger={({ isOpen, value }) => (
<SelectTrigger
className="group w-auto flex items-center"
variant="unstyled"
chevronClassName="hidden"
isOpen={isOpen}
>
<StatusTag status={value} className="group-hover:bg-foreground/75" />
</SelectTrigger>
)}
/>
<div className="flex w-full items-center min-w-0">
<span className="block w-full truncate">{issueData.Issue.title}</span>
</div>
</div>