diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx index 8582355..fff1fd9 100644 --- a/src/components/Sidebar.tsx +++ b/src/components/Sidebar.tsx @@ -1,6 +1,7 @@ import { NavLink } from "react-router-dom"; import { Activity, + GitMerge, LayoutDashboard, Receipt, Stethoscope, @@ -8,6 +9,7 @@ import { Users, } from "lucide-react"; import { cn } from "@/lib/utils"; +import { useReconciliation } from "@/hooks/useReconciliation"; const nav = [ { to: "/", label: "Dashboard", icon: LayoutDashboard, end: true }, @@ -19,6 +21,13 @@ const nav = [ ]; export function Sidebar() { + // Surface the unmatched-bucket size on the Reconciliation nav entry so the + // operator notices when manual reconciliation is needed. + const { unmatched } = useReconciliation(); + const unmatchedCount = + (unmatched.data?.claims.length ?? 0) + + (unmatched.data?.remittances.length ?? 0); + return (