2e2fefb795
Notifications: - New /notifications page accessible to all users (ntfy + RSS config) - ntfy now supports no-auth, Bearer token, and HTTP Basic auth (for ACL-protected self-hosted servers) - RSS enabled/disabled independently of ntfy; token auto-generated on first GET - Notification settings removed from admin-only Settings page; replaced with link card - Sidebar adds Notifications nav link for all users - notification_dispatcher.py: fan-out now marks RSS events dispatched independently Action history: - Migration 0012: deduplicates existing bill_actions rows and adds UNIQUE(bill_id, action_date, action_text) - congress_poller.py: replaces existence-check inserts with ON CONFLICT DO NOTHING (race-condition safe) - Added backfill_all_bill_actions task (no date filter) + admin endpoint POST /backfill-all-actions Authored-By: Jack Levy
102 lines
3.4 KiB
TypeScript
102 lines
3.4 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { usePathname, useRouter } from "next/navigation";
|
|
import {
|
|
LayoutDashboard,
|
|
FileText,
|
|
Users,
|
|
Tags,
|
|
Heart,
|
|
Bell,
|
|
Settings,
|
|
Landmark,
|
|
LogOut,
|
|
X,
|
|
} from "lucide-react";
|
|
import { useQueryClient } from "@tanstack/react-query";
|
|
import { cn } from "@/lib/utils";
|
|
import { ThemeToggle } from "./ThemeToggle";
|
|
import { useAuthStore } from "@/stores/authStore";
|
|
|
|
const NAV = [
|
|
{ href: "/", label: "Dashboard", icon: LayoutDashboard, adminOnly: false },
|
|
{ href: "/bills", label: "Bills", icon: FileText, adminOnly: false },
|
|
{ href: "/members", label: "Members", icon: Users, adminOnly: false },
|
|
{ href: "/topics", label: "Topics", icon: Tags, adminOnly: false },
|
|
{ href: "/following", label: "Following", icon: Heart, adminOnly: false },
|
|
{ href: "/notifications", label: "Notifications", icon: Bell, adminOnly: false },
|
|
{ href: "/settings", label: "Admin", icon: Settings, adminOnly: true },
|
|
];
|
|
|
|
export function Sidebar({ onClose }: { onClose?: () => void }) {
|
|
const pathname = usePathname();
|
|
const router = useRouter();
|
|
const qc = useQueryClient();
|
|
const user = useAuthStore((s) => s.user);
|
|
const logout = useAuthStore((s) => s.logout);
|
|
|
|
function handleLogout() {
|
|
logout();
|
|
qc.clear();
|
|
router.replace("/login");
|
|
}
|
|
|
|
return (
|
|
<aside className="w-56 shrink-0 border-r border-border bg-card flex flex-col">
|
|
<div className="p-4 border-b border-border flex items-center gap-2">
|
|
<Landmark className="w-5 h-5 text-primary" />
|
|
<span className="font-semibold text-sm flex-1">PocketVeto</span>
|
|
{onClose && (
|
|
<button onClick={onClose} className="p-1 rounded-md hover:bg-accent transition-colors" aria-label="Close menu">
|
|
<X className="w-4 h-4" />
|
|
</button>
|
|
)}
|
|
</div>
|
|
|
|
<nav className="flex-1 p-3 space-y-1">
|
|
{NAV.filter(({ adminOnly }) => !adminOnly || user?.is_admin).map(({ href, label, icon: Icon }) => {
|
|
const active = href === "/" ? pathname === "/" : pathname.startsWith(href);
|
|
return (
|
|
<Link
|
|
key={href}
|
|
href={href}
|
|
onClick={onClose}
|
|
className={cn(
|
|
"flex items-center gap-3 px-3 py-2 rounded-md text-sm transition-colors",
|
|
active
|
|
? "bg-primary text-primary-foreground"
|
|
: "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
|
|
)}
|
|
>
|
|
<Icon className="w-4 h-4 shrink-0" />
|
|
{label}
|
|
</Link>
|
|
);
|
|
})}
|
|
</nav>
|
|
|
|
<div className="p-3 border-t border-border space-y-2">
|
|
{user && (
|
|
<div className="flex items-center justify-between">
|
|
<span className="text-xs text-muted-foreground truncate max-w-[120px]" title={user.email}>
|
|
{user.email}
|
|
</span>
|
|
<button
|
|
onClick={handleLogout}
|
|
className="p-1 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent"
|
|
title="Sign out"
|
|
>
|
|
<LogOut className="w-3.5 h-3.5" />
|
|
</button>
|
|
</div>
|
|
)}
|
|
<div className="flex items-center justify-between">
|
|
<span className="text-xs text-muted-foreground">Theme</span>
|
|
<ThemeToggle />
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
);
|
|
}
|