feat(frontend): global Cmd-K search across claims/remits/activity

This commit is contained in:
Tyler
2026-06-20 17:25:40 -06:00
parent 4cd52c3084
commit a79668192d
7 changed files with 2159 additions and 0 deletions
+13
View File
@@ -2,6 +2,7 @@ import { Outlet } from "react-router-dom";
import { useIsFetching } from "@tanstack/react-query";
import { Sidebar } from "./Sidebar";
import { SkipLink } from "@/components/ui/skip-link";
import { SearchBar } from "./SearchBar";
export function Layout() {
// useIsFetching() returns the number of in-flight queries and is 0 on
@@ -37,6 +38,18 @@ export function Layout() {
tabIndex={-1}
className="md:pl-60 outline-none"
>
{/*
Top bar — sits inside <main> so it shares the sidebar's right
column. Sticky to the viewport top so the search chip stays
reachable while the user scrolls long claim lists. The
hairline + horizontal padding mirrors the main content
container below it for visual continuity. The Sidebar's
own header is taller and brand-marked; this is the
lightweight "always-on utility" row.
*/}
<div className="sticky top-0 z-20 mx-auto max-w-[1400px] px-8 h-12 flex items-center justify-end bg-background/70 backdrop-blur-md border-b border-border/40">
<SearchBar />
</div>
<div className="mx-auto max-w-[1400px] px-8 py-10">
<Outlet />
</div>