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

feat: add Google Maps → Email pipeline (Tab 4)

Browse Source 
- New Maps page with keyword + region chips, German city presets, query preview, enrichment toggle
- Google Maps Places API (New) service with pagination and deduplication
- maps-enrich job route: Maps search → store raw leads → optional Anymailfinder bulk enrichment
- Settings: Google Maps API key credential card with Places API instructions
- Sidebar: MapPin nav item + googlemaps credential status indicator
- Results: maps job type with MapPin icon (text-green-400)
- Credentials API: added googlemaps to SERVICES array and test endpoint

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

9
components/layout/Sidebar.tsx
View File

@@ -3,7 +3,7 @@
import Link from "next/link";
import { usePathname } from "next/navigation";
import { cn } from "@/lib/utils";
import { Building2, Linkedin, Search, BarChart3, Settings, Zap, ChevronLeft, ChevronRight } from "lucide-react";
import { Building2, Linkedin, Search, BarChart3, Settings, Zap, ChevronLeft, ChevronRight, MapPin } from "lucide-react";
import { useAppStore } from "@/lib/store";
import { useEffect, useState } from "react";
@@ -11,7 +11,8 @@ const navItems = [
{ href: "/airscale", icon: Building2, label: "AirScale → Email", color: "text-blue-400" },
{ href: "/linkedin", icon: Linkedin, label: "LinkedIn → Email", color: "text-blue-500" },
{ href: "/serp", icon: Search, label: "SERP → Email", color: "text-purple-400" },
{ href: "/results", icon: BarChart3, label: "Results & History", color: "text-green-400" },
{ href: "/maps", icon: MapPin, label: "Maps → Email", color: "text-green-400" },
{ href: "/results", icon: BarChart3, label: "Results & History", color: "text-yellow-400" },
{ href: "/settings", icon: Settings, label: "Settings", color: "text-gray-400" },
];
@@ -19,12 +20,13 @@ interface CredentialStatus {
anymailfinder: boolean;
apify: boolean;
vayne: boolean;
googlemaps: boolean;
}
export function Sidebar() {
const pathname = usePathname();
const { sidebarCollapsed, setSidebarCollapsed } = useAppStore();
const [creds, setCreds] = useState<CredentialStatus>({ anymailfinder: false, apify: false, vayne: false });
const [creds, setCreds] = useState<CredentialStatus>({ anymailfinder: false, apify: false, vayne: false, googlemaps: false });
useEffect(() => {
fetch("/api/credentials")
@@ -80,6 +82,7 @@ export function Sidebar() {
{ key: "anymailfinder", label: "Anymailfinder" },
{ key: "apify", label: "Apify" },
{ key: "vayne", label: "Vayne" },
{ key: "googlemaps", label: "Google Maps" },
].map(({ key, label }) => (
<div key={key} className="flex items-center gap-2">
<span className={cn("w-2 h-2 rounded-full flex-shrink-0", creds[key as keyof CredentialStatus] ? "bg-green-500" : "bg-red-500")} />