scriptoriumadmin/fabro
1
0
Fork 0
mirror of https://github.com/fabro-sh/fabro.git synced 2026-10-06 02:48:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

feat(web): filter runs list by workflow

Browse source 
Adds an "All workflows" dropdown to the /runs toolbar between the
repo filter and the "Show archived" toggle, applied client-side.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-05-07 09:06:57 -07:00
parent 08bac56388
commit 4be52897ec
No known key found for this signature in database
1 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
apps/fabro-web/app/routes/runs.tsx
View file

@ -807,8 +807,14 @@ export default function Runs() {
initialColumns.flatMap((col: Column) => col.items.map((item: RunItem) => String(item.repo))),
),
].sort();
const allWorkflows = [
...new Set(
initialColumns.flatMap((col: Column) => col.items.map((item: RunItem) => String(item.workflow))),
),
].sort();
const [query, setQuery] = useState("");
const [repoFilter, setRepoFilter] = useState("all");
const [workflowFilter, setWorkflowFilter] = useState("all");
const [createdFilter, setCreatedFilter] = useState<CreatedFilter>("all");
const [view, setView] = useState<ViewMode>("columns");
const [columns, setColumns] = useState(initialColumns);
@ -846,6 +852,7 @@ export default function Runs() {
items: col.items.filter(
(item) =>
(repoFilter === "all" || item.repo === repoFilter) &&
(workflowFilter === "all" || item.workflow === workflowFilter) &&
(createdCutoffMs == null ||
(item.createdAt != null && Date.parse(item.createdAt) >= createdCutoffMs)) &&
(!query ||
@ -908,6 +915,21 @@ export default function Runs() {
</select>
<ChevronDownIcon className="pointer-events-none absolute right-2 top-1/2 size-4 -translate-y-1/2 text-fg-muted" />
</div>
<div className="relative">
<select
name="workflow"
aria-label="Filter by workflow"
value={workflowFilter}
onChange={(e) => setWorkflowFilter(e.target.value)}
className="appearance-none rounded-md border border-line bg-panel/80 py-2 pl-3 pr-8 text-sm text-fg-2 outline-none transition-colors focus:border-focus focus:ring-0"
>
<option value="all">All workflows</option>
{allWorkflows.map((workflow: string) => (
<option key={workflow} value={workflow}>{workflow}</option>
))}
</select>
<ChevronDownIcon className="pointer-events-none absolute right-2 top-1/2 size-4 -translate-y-1/2 text-fg-muted" />
</div>
<button
type="button"
onClick={() => setIncludeArchived((v) => !v)}