Skip to content

Commit 73ed46e

Browse files
committed
Improve issue finder filter layout
Wrap search filters into a two-row responsive grid and clarify that the matches count is GitHub's raw total before local filtering.
1 parent 4244c18 commit 73ed46e

1 file changed

Lines changed: 6 additions & 4 deletions

File tree

src/features/issues/components/issue-finder.tsx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@ export function IssueFinder() {
186186

187187
<form
188188
onSubmit={searchIssues}
189-
className="grid min-w-0 gap-3 rounded-lg border bg-card p-3 shadow-sm sm:grid-cols-2 xl:grid-cols-[1.3fr_1.1fr_1fr_1.1fr_1.1fr_auto]"
189+
className="grid min-w-0 gap-3 rounded-lg border bg-card p-3 shadow-sm sm:grid-cols-2 lg:grid-cols-3"
190190
>
191191
<div className="relative min-w-0">
192192
<Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
@@ -253,7 +253,7 @@ export function IssueFinder() {
253253

254254
<Button
255255
type="submit"
256-
className="h-11 w-full gap-2 sm:col-span-2 xl:col-span-1"
256+
className="h-11 w-full gap-2 sm:col-span-2 lg:col-span-1"
257257
disabled={isLoading || cooldown}
258258
>
259259
<Search className="h-4 w-4" />
@@ -276,7 +276,7 @@ export function IssueFinder() {
276276
<Metric label="Linked PR" value={selectedLinkedPr.label.replace("Linked PR: ", "")} />
277277
<Metric label="Hacktoberfest" value={selectedHacktoberfest.label} />
278278
<Metric label="Ranked" value={data ? compactNumber(data.candidateCount) : "-"} />
279-
<Metric label="Matches" value={data ? compactNumber(data.totalCount) : "-"} />
279+
<Metric label="Raw GitHub matches" value={data ? compactNumber(data.totalCount) : "-"} />
280280
<Metric
281281
label="GitHub token"
282282
value={data?.tokenConfigured ? "configured" : "not set"}
@@ -351,7 +351,9 @@ export function IssueFinder() {
351351
<Badge variant="secondary">
352352
{compactNumber(data.candidateCount)} ranked candidates
353353
</Badge>
354-
<Badge variant="outline">{compactNumber(data.totalCount)} GitHub matches</Badge>
354+
<Badge variant="outline">
355+
{compactNumber(data.totalCount)} raw GitHub matches
356+
</Badge>
355357
</div>
356358
</div>
357359
) : (

0 commit comments

Comments
 (0)