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

feat: übersetze gesamte UI auf Deutsch

Browse Source 
- Alle Seiten (AirScale, LinkedIn, SERP, Ergebnisse, Einstellungen) auf Deutsch
- Gemeinsame Komponenten übersetzt: StatusBadge, ResultsTable-Spalten, FileDropZone, ExportButtons
- Sidebar API-Status-Label und TopBar-Breadcrumbs auf Deutsch
- Alle Toast-Nachrichten und Fehlermeldungen auf Deutsch

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Timo Uttenweiler
2026-03-17 12:40:05 +01:00
parent 7486517827
commit f6bdc65b1e
11 changed files with 160 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/layout/Sidebar.tsx
View File

@@ -77,7 +77,7 @@ export function Sidebar() {
{/* Credential status */}
{!sidebarCollapsed && (
<div className="px-4 py-4 border-t border-[#1e1e2e] space-y-2">
<p className="text-xs text-gray-500 uppercase tracking-wider mb-3">API Status</p>
<p className="text-xs text-gray-500 uppercase tracking-wider mb-3">API-Status</p>
{[
{ key: "anymailfinder", label: "Anymailfinder" },
{ key: "apify", label: "Apify" },

12
components/layout/TopBar.tsx
View File

@@ -5,12 +5,12 @@ import { useAppStore } from "@/lib/store";
import { Activity } from "lucide-react";
const BREADCRUMBS: Record<string, string> = {
"/airscale": "AirScale → Email",
"/linkedin": "LinkedIn → Email",
"/serp": "SERP → Email",
"/maps": "Google Maps → Email",
"/results": "Results & History",
"/settings": "Settings",
"/airscale": "AirScale → E-Mail",
"/linkedin": "LinkedIn → E-Mail",
"/serp": "SERP → E-Mail",
"/maps": "Google Maps → E-Mail",
"/results": "Ergebnisse & Verlauf",
"/settings": "Einstellungen",
};
export function TopBar() {

4
components/shared/ExportButtons.tsx
View File

@@ -22,7 +22,7 @@ export function ExportButtons({ rows, filename, disabled, summary }: ExportButto
onClick={() => exportToCSV(rows, `${filename}.csv`)}
className="border-[#2e2e3e] hover:border-blue-500/50 hover:bg-blue-500/5 text-gray-300"
>
<Download className="w-4 h-4 mr-1.5" /> Download CSV
<Download className="w-4 h-4 mr-1.5" /> CSV herunterladen
</Button>
<Button
variant="outline"
@@ -31,7 +31,7 @@ export function ExportButtons({ rows, filename, disabled, summary }: ExportButto
onClick={() => exportToExcel(rows, `${filename}.xlsx`)}
className="border-[#2e2e3e] hover:border-purple-500/50 hover:bg-purple-500/5 text-gray-300"
>
<FileSpreadsheet className="w-4 h-4 mr-1.5" /> Download Excel
<FileSpreadsheet className="w-4 h-4 mr-1.5" /> Excel herunterladen
</Button>
</div>
);

4
components/shared/FileDropZone.tsx
View File

@@ -54,13 +54,13 @@ export function FileDropZone({ onFile, accept = ".csv", label = "Drop your CSV f
<div className="flex flex-col items-center gap-2">
<FileText className="w-8 h-8 text-green-400" />
<span className="text-sm text-green-400 font-medium">{filename}</span>
<span className="text-xs text-gray-500">Click to replace</span>
<span className="text-xs text-gray-500">Klicken zum Ersetzen</span>
</div>
) : (
<div className="flex flex-col items-center gap-2 text-center">
<Upload className="w-8 h-8 text-gray-500" />
<span className="text-sm text-gray-300">{label}</span>
<span className="text-xs text-gray-500">Click to browse or drag & drop</span>
<span className="text-xs text-gray-500">Klicken oder Datei hier ablegen</span>
</div>
)}
</label>

10
components/shared/ProgressCard.tsx
View File

@@ -48,11 +48,11 @@ export function ProgressCard({ title, current, total, subtitle, status = "runnin
export function StatusBadge({ status }: { status: string }) {
const config: Record<string, { label: string; color: string; dot: string }> = {
running: { label: "Running", color: "bg-blue-500/10 text-blue-400 border-blue-500/20", dot: "bg-blue-400 animate-pulse" },
complete: { label: "Complete", color: "bg-green-500/10 text-green-400 border-green-500/20", dot: "bg-green-400" },
failed: { label: "Failed", color: "bg-red-500/10 text-red-400 border-red-500/20", dot: "bg-red-400" },
pending: { label: "Pending", color: "bg-yellow-500/10 text-yellow-400 border-yellow-500/20", dot: "bg-yellow-400" },
idle: { label: "Idle", color: "bg-gray-500/10 text-gray-400 border-gray-500/20", dot: "bg-gray-400" },
running: { label: "Läuft", color: "bg-blue-500/10 text-blue-400 border-blue-500/20", dot: "bg-blue-400 animate-pulse" },
complete: { label: "Abgeschlossen", color: "bg-green-500/10 text-green-400 border-green-500/20", dot: "bg-green-400" },
failed: { label: "Fehlgeschlagen", color: "bg-red-500/10 text-red-400 border-red-500/20", dot: "bg-red-400" },
pending: { label: "Ausstehend", color: "bg-yellow-500/10 text-yellow-400 border-yellow-500/20", dot: "bg-yellow-400" },
idle: { label: "Bereit", color: "bg-gray-500/10 text-gray-400 border-gray-500/20", dot: "bg-gray-400" },
};
const c = config[status] || config.idle;
return (

10
components/shared/ResultsTable.tsx
View File

@@ -81,12 +81,12 @@ export function ResultsTable({ rows, loading, selectable, onSelectionChange, ext
/>
</th>
)}
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Company</th>
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Unternehmen</th>
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Domain</th>
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Contact</th>
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Title</th>
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Email</th>
<th className="px-4 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Confidence</th>
<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>
))}