73881b2404
Follow Modes (neutral / pocket_veto / pocket_boost):
- Alembic migration 0013 adds follow_mode column to follows table
- FollowButton rewritten as mode-aware dropdown for bills; simple toggle for members/topics
- PATCH /api/follows/{id}/mode endpoint with validation
- Dispatcher filters pocket_veto follows (suppress new_document/new_amendment events)
- Dispatcher adds ntfy Actions header for pocket_boost follows
Change-driven (milestone) Alerts:
- New notification_utils.py with shared emit helpers and 30-min dedup
- congress_poller emits bill_updated events on milestone action text
- llm_processor replaced with shared emit util (also notifies member/topic followers)
Notification Enhancements:
- ntfy priority levels (high for bill_updated, default for others)
- Quiet hours (UTC): dispatcher holds events outside allowed window
- Digest mode (daily/weekly): send_notification_digest Celery beat task
- Notification history endpoint + Recent Alerts UI section
- Enriched following page (bill titles, member photos/details via sub-components)
- Follow mode test buttons in admin settings panel
Infrastructure:
- nginx: switch upstream blocks to set $variable proxy_pass so Docker DNS
re-resolves upstream IPs after container rebuilds (valid=10s)
- TROUBLESHOOTING.md documenting common Docker/nginx/postgres gotchas
Authored-By: Jack Levy
84 lines
3.2 KiB
TypeScript
84 lines
3.2 KiB
TypeScript
import Link from "next/link";
|
|
import { TrendingUp, Calendar, User } from "lucide-react";
|
|
import { Bill } from "@/lib/types";
|
|
import { billLabel, chamberBadgeColor, cn, formatDate, partyBadgeColor, trendColor } from "@/lib/utils";
|
|
import { FollowButton } from "./FollowButton";
|
|
|
|
interface BillCardProps {
|
|
bill: Bill;
|
|
compact?: boolean;
|
|
}
|
|
|
|
export function BillCard({ bill, compact = false }: BillCardProps) {
|
|
const label = billLabel(bill.bill_type, bill.bill_number);
|
|
const score = bill.latest_trend?.composite_score;
|
|
const tags = bill.latest_brief?.topic_tags?.slice(0, 3) || [];
|
|
|
|
return (
|
|
<div className="bg-card border border-border rounded-lg p-4 hover:border-primary/30 transition-colors">
|
|
<div className="flex items-start justify-between gap-3">
|
|
<div className="flex-1 min-w-0">
|
|
<div className="flex items-center gap-2 mb-1.5 flex-wrap">
|
|
<span className="text-xs font-mono font-semibold text-muted-foreground bg-muted px-1.5 py-0.5 rounded">
|
|
{label}
|
|
</span>
|
|
{bill.chamber && (
|
|
<span className={cn("text-xs px-1.5 py-0.5 rounded font-medium", chamberBadgeColor(bill.chamber))}>
|
|
{bill.chamber}
|
|
</span>
|
|
)}
|
|
{tags.map((tag) => (
|
|
<span
|
|
key={tag}
|
|
className="text-xs px-1.5 py-0.5 rounded-full bg-accent text-accent-foreground"
|
|
>
|
|
{tag}
|
|
</span>
|
|
))}
|
|
</div>
|
|
|
|
<Link href={`/bills/${bill.bill_id}`}>
|
|
<h3 className="text-sm font-medium leading-snug hover:text-primary transition-colors line-clamp-2">
|
|
{bill.short_title || bill.title || "Untitled Bill"}
|
|
</h3>
|
|
</Link>
|
|
|
|
{!compact && bill.sponsor && (
|
|
<div className="flex items-center gap-1.5 mt-1.5 text-xs text-muted-foreground">
|
|
<User className="w-3 h-3" />
|
|
<Link href={`/members/${bill.sponsor.bioguide_id}`} className="hover:text-foreground transition-colors">
|
|
{bill.sponsor.name}
|
|
</Link>
|
|
{bill.sponsor.party && (
|
|
<span className={cn("px-1 py-0.5 rounded text-xs font-medium", partyBadgeColor(bill.sponsor.party))}>
|
|
{bill.sponsor.party}
|
|
</span>
|
|
)}
|
|
{bill.sponsor.state && (
|
|
<span>{bill.sponsor.state}</span>
|
|
)}
|
|
</div>
|
|
)}
|
|
</div>
|
|
|
|
<div className="flex flex-col items-end gap-2 shrink-0">
|
|
<FollowButton type="bill" value={bill.bill_id} supportsModes />
|
|
{score !== undefined && score > 0 && (
|
|
<div className={cn("flex items-center gap-1 text-xs font-medium", trendColor(score))}>
|
|
<TrendingUp className="w-3 h-3" />
|
|
{Math.round(score)}
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
|
|
{!compact && bill.latest_action_text && (
|
|
<p className="mt-2 text-xs text-muted-foreground line-clamp-2 border-t border-border pt-2">
|
|
<Calendar className="w-3 h-3 inline mr-1" />
|
|
{formatDate(bill.latest_action_date)} — {bill.latest_action_text}
|
|
</p>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|