115cdacd08
- Rename LeadVault → Leadspeicher throughout (sidebar, topbar, page) - SidePanel: full lead detail view with contact, source, tags (read-only), Google Maps link for address - Tags: kontaktiert stored as tag (toggleable), favorit tag toggle - Remove Status column, StatusBadge dropdown, Priority feature - Remove Aktualisieren button from Leadspeicher - Bulk actions: remove status dropdown - Export: LeadVault Excel-only, clean columns, freeze row + autofilter - Export dropdown: click-based (fix overflow-hidden clipping) - ExportButtons: remove CSV, Excel only everywhere - Maps page: post-search Anymailfinder enrichment button - ProgressCard: "Suche läuft..." instead of "Warte auf Anymailfinder-Server..." - Quick SERP renamed to "Schnell neue Suche" - Results page: Excel export, always-enabled download button - Anymailfinder: fix bulk field names, array-of-arrays format - Apify: fix countryCode lowercase - API: sourceTerm search, contacted/favorite tag filters Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
39 lines
1.4 KiB
TypeScript
39 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import { usePathname } from "next/navigation";
|
|
import { useAppStore } from "@/lib/store";
|
|
import { Activity } from "lucide-react";
|
|
|
|
const BREADCRUMBS: Record<string, string> = {
|
|
"/airscale": "AirScale → E-Mail",
|
|
"/linkedin": "LinkedIn → E-Mail",
|
|
"/serp": "SERP → E-Mail",
|
|
"/maps": "Google Maps → E-Mail",
|
|
"/leadvault": "🗄️ Leadspeicher",
|
|
"/results": "Ergebnisse & Verlauf",
|
|
"/settings": "Einstellungen",
|
|
};
|
|
|
|
export function TopBar() {
|
|
const pathname = usePathname();
|
|
const { activeJobs } = useAppStore();
|
|
const runningJobs = activeJobs.filter(j => j.status === "running").length;
|
|
const label = BREADCRUMBS[pathname] || "Dashboard";
|
|
|
|
return (
|
|
<header className="h-14 border-b border-[#1e1e2e] bg-[#111118]/80 backdrop-blur flex items-center justify-between px-6 flex-shrink-0">
|
|
<div className="flex items-center gap-2 text-sm">
|
|
<span className="text-gray-500">LeadFlow</span>
|
|
<span className="text-gray-600">/</span>
|
|
<span className="text-white font-medium">{label}</span>
|
|
</div>
|
|
{runningJobs > 0 && (
|
|
<div className="flex items-center gap-2 bg-blue-500/10 border border-blue-500/20 rounded-full px-3 py-1">
|
|
<Activity className="w-3.5 h-3.5 text-blue-400 animate-pulse" />
|
|
<span className="text-xs text-blue-400 font-medium">{runningJobs} Active Job{runningJobs > 1 ? "s" : ""}</span>
|
|
</div>
|
|
)}
|
|
</header>
|
|
);
|
|
}
|