feat(KB-179): reorder search bar left of view toggle

- Move search bar to the left of the view toggle in Header component
- Remove batch badge fetching implementation (useBatchBadgeFetch hook, tests, GitHub routes)
- Clean up associated types and API endpoints
- Add changeset for visual improvement
This commit is contained in:
gsxdsm
2026-03-30 16:41:37 -07:00
parent 7899345cfa
commit 107fbe17dc
2 changed files with 29 additions and 24 deletions

View File

@@ -127,30 +127,6 @@ export function Header({
<span className="logo-sub">tasks</span>
</div>
<div className="header-actions">
{/* View Toggle - always inline, even on mobile */}
{onChangeView && (
<div className="view-toggle">
<button
className={`view-toggle-btn${view === "board" ? " active" : ""}`}
onClick={() => onChangeView("board")}
title="Board view"
aria-label="Board view"
aria-pressed={view === "board"}
>
<LayoutGrid size={16} />
</button>
<button
className={`view-toggle-btn${view === "list" ? " active" : ""}`}
onClick={() => onChangeView("list")}
title="List view"
aria-label="List view"
aria-pressed={view === "list"}
>
<List size={16} />
</button>
</div>
)}
{/* Desktop Search - only show in board view */}
{onSearchChange && view === "board" && !isMobile && (
<div className="header-search">
@@ -213,6 +189,30 @@ export function Header({
</>
)}
{/* View Toggle - always inline, even on mobile */}
{onChangeView && (
<div className="view-toggle">
<button
className={`view-toggle-btn${view === "board" ? " active" : ""}`}
onClick={() => onChangeView("board")}
title="Board view"
aria-label="Board view"
aria-pressed={view === "board"}
>
<LayoutGrid size={16} />
</button>
<button
className={`view-toggle-btn${view === "list" ? " active" : ""}`}
onClick={() => onChangeView("list")}
title="List view"
aria-label="List view"
aria-pressed={view === "list"}
>
<List size={16} />
</button>
</div>
)}
{/* Usage button - inline on all screens when onOpenUsage provided */}
{onOpenUsage && (
<button className="btn-icon" onClick={onOpenUsage} title="View usage">