TimoUttenweiler/lead-scraper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI improvements: Leadspeicher, Maps enrichment, exports

Browse Source 
- 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>
This commit is contained in:
Timo Uttenweiler
2026-03-21 18:12:31 +01:00
parent f914ab6e47
commit 115cdacd08
26 changed files with 511 additions and 521 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/shared/ResultsTable.tsx
View File

@@ -3,7 +3,7 @@
import { useState } from "react";
import { Skeleton } from "@/components/ui/skeleton";
import { cn } from "@/lib/utils";
import { CheckCircle2, XCircle, AlertCircle, ChevronUp, ChevronDown } from "lucide-react";
import { CheckCircle2, XCircle, ChevronUp, ChevronDown } from "lucide-react";
export interface ResultRow {
id: string;
@@ -12,7 +12,6 @@ export interface ResultRow {
contactName?: string;
contactTitle?: string;
email?: string;
confidence?: number;
linkedinUrl?: string;
status?: string;
selected?: boolean;
@@ -26,9 +25,8 @@ interface ResultsTableProps {
extraColumns?: Array<{ key: string; label: string }>;
}
function EmailStatusIcon({ email, confidence }: { email?: string; confidence?: number }) {
function EmailStatusIcon({ email }: { email?: string }) {
if (!email) return <XCircle className="w-4 h-4 text-red-400" />;
if (confidence && confidence < 0.7) return <AlertCircle className="w-4 h-4 text-yellow-400" />;
return <CheckCircle2 className="w-4 h-4 text-green-400" />;
}
@@ -86,7 +84,6 @@ export function ResultsTable({ rows, loading, selectable, onSelectionChange, ext
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Kontakt</th>
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Position</th>
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">E-Mail</th>
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Konfidenz</th>
{extraColumns?.map(col => (
<th key={col.key} className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">{col.label}</th>
))}
@@ -120,17 +117,10 @@ export function ResultsTable({ rows, loading, selectable, onSelectionChange, ext
<td className="px-4 py-2.5 text-gray-400 text-xs">{row.contactTitle || "—"}</td>
<td className="px-4 py-2.5">
<div className="flex items-center gap-1.5">
<EmailStatusIcon email={row.email} confidence={row.confidence} />
<EmailStatusIcon email={row.email} />
<span className="text-gray-300 font-mono text-xs">{row.email || "—"}</span>
</div>
</td>
<td className="px-4 py-2.5">
{row.confidence !== undefined ? (
<span className={cn("text-xs font-medium", row.confidence >= 0.8 ? "text-green-400" : row.confidence >= 0.6 ? "text-yellow-400" : "text-red-400")}>
{Math.round(row.confidence * 100)}%
</span>
) : "—"}
</td>
{extraColumns?.map(col => (
<td key={col.key} className="px-4 py-2.5 text-gray-400 text-xs">
{((row as unknown) as Record<string, string>)[col.key] || "—"}